MDX playground

This post is written in MDX, which renders JSX components at build time¹ — no client-side JavaScript is shipped.

Fenced code is highlighted too

MDX uses remark instead of markdown-it, so highlighting runs through a separate shiki pipeline:

type Post = { title: string; date: Date };

const posts: Post[] = [];