Building with the Next.js App Router

The App Router in Next.js encourages colocation of routes, loading states, and metadata. For content-heavy sites, pairing file-based markdown with generateStaticParams keeps builds predictable.

Tips

1. Parse markdown at build time on the server.
2. Use generateMetadata for SEO on dynamic routes.
3. Keep shared layout chrome in layout.tsx and let each route stay thin.

export async function generateStaticParams() {
  return getPostSlugs().map((slug) => ({ slug }))
}

This pattern maps cleanly to a folder of .md files in content/blog/.