Rich content with MDX: building a blog that converts

Learn how to use MDX and reusable components to create blog posts that rank well and turn visitors into customers.

MK
18 May 2026 · 2 min read
Rich content with MDX: building a blog that converts

A blog that only shows plain text is working at half capacity. With MDX you can embed reusable components directly inside any post — think stats rows, feature grids, and call-to-actions — without sacrificing readability or SEO.

Why rich content works

Visitors scan pages before they read them. Visual anchor points like a stats row or a highlighted callout hold attention and reinforce your message.

higher engagement with visual elements

68%

of visitors scan before reading

more conversions with a clear CTA

98

Lighthouse score with Astro

What our blog stack delivers

With Astro and MDX you get the best of both worlds: the simplicity of Markdown for prose, and the power of components for rich content blocks.

Blazing-fast loading

Astro ships zero JavaScript to the browser unless you explicitly ask for it — resulting in a Lighthouse score of 98+.

Clean component code

Reusable .astro files keep styles and markup in one place. Update one component and benefit everywhere.

Smart workflows

Notion as CMS, automatic sync via GitHub Actions — publish new posts without touching a single line of code.

Pro tip for content creators

Write your post as plain Markdown in Notion. The GitHub Action picks up changes and the live blog updates automatically within minutes.

When to use a callout

Callouts are ideal for surfacing an important warning, a handy tip, or extra context — without interrupting the reading flow.

MDX and SEO

MDX components render server-side to pure HTML. Search engines see clean, well-structured HTML — no JavaScript required.

Want a blog like this?

We build fast, converting blogs on Astro with Notion as CMS. Book a free consultation.

Marrallisa Kreijkes WhatsApp