Hello, MDX

First post — testing Callout and Metrics components.

This is the first post on the new MDX setup. It demonstrates frontmatter parsing, custom components, and Tailwind-styled markdown.

Callout variants

Metrics

A simple KPI grid for a hypothetical performance case study:

Bundle size

-42%

LCP

1.2s

Lighthouse

98

Time to interactive

0.9s

Errors / day

0

Conversion

+18%

Markdown basics

Paragraph with bold, italic, and inline code. Link to Next.js docs.

  • List item one
  • List item two
  • List item three

Blockquote for emphasis or pulled quotes.

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