Why This Stack
This blog is built with Next.js, TypeScript, and MDX — a combination that prioritizes performance, type safety, and developer ergonomics.
Technical Decisions
Static Generation
All blog posts are statically generated at build time. This means:
- Fast page loads
- No server required for content delivery
- Better SEO through pre-rendered HTML
MDX for Content
MDX allows mixing Markdown with JSX components, enabling rich content without sacrificing the simplicity of Markdown authoring.
// Example: reading MDX content at build time
import { getAllPosts } from "@/lib/mdx";
const posts = getAllPosts();Syntax Highlighting
Code blocks use rehype-pretty-code with shiki for accurate,
language-aware syntax highlighting — the same engine VS Code uses.
What's Next
More posts on clean architecture, security practices, and production engineering will follow.