My First Site

Over the last few weeks, I’ve dedicated most of my time to building my new personal website. What started as a project to host my profile has evolved into a highly customized, content-driven platform powered by Next.js and Tailwind CSS v4. The best part? The architecture is so flexible that I can customize it however I want in the future.

Bridging Markdown and React

One of my main goals was to bridge the gap between strict React components and Markdown. I achieved this by building a centralized MDXComponents system. This custom engine handles the heavy lifting behind the scenes:

• Smart Routing: It automatically upgrades standard Markdown links to use instant Next.js routing.
• Responsive Media: It manages Next.js <Image> tags with dynamic aspect ratios for a seamless visual experience.
• Custom Layouts: I introduced a powerful <ImageGrid> component that allows me to render beautiful, multi-column galleries directly within my articles.

Refining the UI and Data Management

Beyond the core infrastructure, I focused heavily on the site's UI and how data is handled. I integrated the Tailwind Typography plugin to ensure that every post has professional-looking, perfectly spaced prose. To keep the project clean, I decoupled my personal data from the frontend code. Using interactive React client components, I built a dynamic "About Me" dashboard. This dashboard automatically pulls my experience, education, and skills directly from structured JSON files, making future updates a breeze.

A Robust, "DRY" Foundation

Finally, I implemented YAML frontmatter to ensure that blog and project metadata dictate the layout—like transforming raw file paths into high-quality cover images on project cards. I’ve successfully transformed a standard Next.js setup into a robust, DRY (Don't Repeat Yourself) platform that is fully responsive and ready for deployment.

The Road Ahead

Of course, no project is ever truly "finished." This is just the beginning for me. I’m aware that minor issues may occur as I continue to optimize the loading experience, and I’ll be performing continuous maintenance to ensure everything runs smoothly.

As a side note, my wife has already requested a new website of her own! It looks like I’ll be back at the keyboard soon—I might just need a little more time to get that one started. Lol.