FEATUREDBuilding a Modern Next.js Site with AI Assistance
A complete account of building this site with Claude Code — the stack, the architecture the platform forced, and every failure that turned into a build-time check.
CATEGORY · 28 ARTICLES
Next.js work drawn from building and running this site: the App Router patterns behind it, the technical SEO the framework hands you for free and the parts it leaves entirely to you, wiring Claude Code and an MCP server into a Next.js project, and the MDX pipeline — including the next-mdx-remote behaviour that silently drops component attributes with no warning.
FEATUREDA complete account of building this site with Claude Code — the stack, the architecture the platform forced, and every failure that turned into a build-time check.

How to use useActionState in Next.js 15 and React 19 for type-safe Server Action form validation, pending UI states, and progressive enhancement.

How to use unstable_cache in Next.js 15 App Router to cache database queries, third-party APIs, and SQL results with tags and revalidateTag.

How to configure a production Content Security Policy in Next.js 15 App Router with cryptographic nonces, eliminate unsafe-inline, and pass strict security audits.

A production guide to dynamic Open Graph image generation in Next.js 15: combine ImageResponse and Satori on the Edge runtime without layout shifts or memory bloat.

A production-tested pattern for structured data in Next.js 15: connect Organization, WebSite, Person, and Article nodes across layouts and routes without broken graph pointers.

How Next.js App Router handles cross-site request forgery in Server Actions, why SameSite=Lax is not a complete boundary, and how to verify request headers without breaking native HTML forms.

A tested App Router boundary pattern separating expected absence from unexpected failure, with retry, digest, and accessible escape routes.