Welcome To My Relaunched Personal Website

Welcome to the relaunch of my personal website. This post gives you a quick tour of what changed, how it's built, how AI helped, and what's coming next.

TL;DR

• New design, clearer navigation, and faster pages.
• Built with Next.js, react, ailwind, shadcn/ui and deployed on Vercel.
• AI assisted my coding and learning throughout the build.
• Expanded About, Blog, Screencasts, and homepage highlights.
• Roadmap includes AI content, tutorials, and hosting/tooling deep dives.

What Changed

The original version v1 was just a mere landingpage with some socials. Hardly any content. I wanted a real home for writing, for videos and for everything about me.

The new About Me page tells the longer story: who I am, what I build, and what I'm exploring next.

The Blog is now organized and got a visual overhaul.

There's now a Videos section. I recorded several screencasts this year and wanted them available here as well. The videos are uploaded to Youtube as well.

The Home highlights recent posts and LinkedIn updates as well as recent Videos I published.

Tech Stack At A Glance

Here is the high-level stack that powers the site. The aim was reliable performance, a clean developer experience, and maintainable content.

Next.js handles routing and performance basics. It keeps page loads fast and offers a standard way to structure routes and data. This also makes future expansion straightforward without extra complexity.

Tailwind CSS is used for styling and keeps styling consistent, which speeds up small tweaks. I already gained some experience with it, while writing the Cycling E-Commerce Report last year.

shadcn/ui provides well-structured component patterns. These patterns offer accessible building blocks while letting the design stay flexible. I customized these parts to match the site's tone.

Vercel hosts the site with a simple GitHub flow. Pushing changes to the main branch updates the site, which keeps releases predictable. I love this setup for its lightweight setup and simplicity.

How AI Shaped The Build

AI Coding Agents supported me building the new site. They helped me learn faster and keep momentum as a mostly backend developer getting started with this new stack.

I used AI for pair programming but also to take tasks of my hands. It suggested approaches, explained patterns, and pointed out gaps I missed. When I got stuck, it offered options I could compare and test.

Drafting went faster with AI-generated scaffolds. I asked for a component idea, then refined the code by hand to match my needs. This reduced time spent starting from scratch while keeping quality in my control.

AI helped implement my ideas into CSS classes. I could describe the behavior and get a implementation to review. There were cases where it did not work as expected. Mostly due to me not knowing how to describe what I wanted in the frontend. Or because the Ai Coding agent was not able to visually judge the outcome.

What's Next

My plan is to start posting regularly on the blog maybe once a week or every second week, while I keep diving into Ai related topics.

I will publish a deep dive on the hosting and tooling setup. It will cover how the GitHub flow works with Vercel and why the choices are simple.

AI Coding Agents but also Ai in general is a major topic for me since the beginning of 2025. So it will also play a bigger role here on my blog.

I might also add short tutorials and how-tos. These posts will cover small tasks or concepts, so you can read them in a few minutes.

More screencasts are also on the way. If there is a topic you want covered, please tell me.

Outro

Thanks for visiting and reading. I hope you like the new site.

If you have suggestions, questions, or requests, please leave connect with me on any platform and send a message.

Until next time.