Hello, MDX

Every post on this site is a plain .mdx file: Markdown for the prose, React components for everything else.

Code#

Fenced blocks are highlighted automatically and get a copy button:

type Post = { slug: string; title: string };

export function byTitle(posts: Post[]) {
  return [...posts].sort((a, b) => a.title.localeCompare(b.title));
}

Need a filename in the title bar? Use the component directly:

export const site = {
name: "Milan Pantelić",
languages: ["en", "sr"],
};

Callouts#

Steps#

1. Create the post
   Add a file under src/content/blog/ named after the language.
2. Add frontmatter
   Title, date, category, and optional tags.
3. Translate
   Drop an sr.mdx next to it. Same folder, new language.

Images#

Everything else#