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}`;
}