Hello, World — A Pragmatic Astro Stack

Welcome to the blog. This post is written in MDX, which means I can mix Markdown with JSX components and embed live code samples.

Code blocks with Shiki

Syntax highlighting runs at build time — zero runtime JS, perfect for SEO crawlers.

type User = { id: string; name: string };
 
export function greet(user: User): string {
  return `Hello, ${user.name}`;
}

Inline diff highlighting

- console.log('old')
+ console.log('new')

Terminal commands

docker run --rm -it node:20-alpine sh

Why this stack

• Zero JS by default — components ship as pure HTML.
• Type-safe content — frontmatter validated by Zod at build time.
• Build-time syntax highlighting — no runtime cost, perfect Lighthouse.
• MDX islands — drop in interactive components only where needed.

Edit src/content/blog/hello-world.mdx to make it your own, then run npm run dev to see changes.

Lists & tables

That’s it. Happy hacking.