My First Blog Post: MDX + Next.js + No More Turbopack

Hey there 👋

Welcome to my blog — well, technically, my first post on this blog! Honestly, it feels wild to be writing this because I’ve lowkey come a long way since my very first blog post back in 2018. That one was super simple, kind of rough around the edges, but it was my start. Now, I’m finally getting this new site fully set up and it’s feeling like my corner of the internet.

I’m using MDX now, which basically means I can mix markdown with React components. So yeah, I get the best of both worlds when writing posts like this. I’m running everything inside a Next.js app with the App Router and @next/mdx.

---

The Setup

Getting this all going was mostly smooth sailing:

• Installed @next/mdx
• Hooked it into the App Router
• Built a simple blog system that pulls from .mdx files for posts

But of course, things never go perfectly the first time…

---

Turbopack: The Culprit

When I added plugins like remark and rehype for syntax highlighting and extra markdown features, stuff started breaking. Like, some things just silently failed, and it was a headache to figure out why.

Turns out, the problem was Turbopack. After a bit of back and forth trying to fix it, I just gave up and switched back to Webpack. And boom — everything worked perfectly again. Sometimes the simplest fix is the best fix.

---

Where This Site Is Headed

This started off as just a developer portfolio, but now I’m turning it into something a bit more personal. A place for me to share code, projects, thoughts, and whatever else I’m into.

No strict rules, no pressure — just me sharing things I care about.

If you’re reading this, thanks a ton for stopping by ✨

More posts coming soon!