Building a Blog with Next.js and MDX

This blog is built as a hub that brings together content from three domains: advisory, education, and engineering. Here I describe the technical choices.

Why Next.js?

Next.js offers static generation, making the blog blazingly fast. With the App Router and

generateStaticParams

, all pages are pre-rendered.

MDX for content

MDX combines Markdown with React components. This means I can use interactive elements alongside regular text:

This is an example of a Callout component, embedded directly in the content.

Multilingual support

With

next-intl

, the blog supports Dutch and English, where Dutch URLs have no prefix and English URLs fall under

/en/