Interactive MDX

Blog posts are plain MDX. That means you can mix markdown with real React components.

A live counter

Click the buttons. State lives in the component, right in the middle of the article.

A simple chart

No heavy charting library required for a quick illustration — this SVG line chart is a local component registered in mdx-components.tsx.

Still just markdown

GFM still works: tables, task lists, and fenced code.

• Write in MDX
• Drop in components
• Add Three.js when you need it ('use client' + dynamic import)

export function hello(name: string) {
  return `Hello, ${name}`;
}

For WebGL or three.js scenes, add a client component and import it the same way — keep heavy deps out of the default template until a post needs them.