Developers
Next.js
For React developers shipping App Router applications: start with routing, then move through Route Handlers, metadata, caching, and production assets.
Also see the AI hub and free tools.
Recommended learning order
Next.js App Router basics
Learn the App Router from zero: folders become URLs, Server Components render on the server, layouts share chrome across pages — with real setup steps and examples.
AI Voice Pro Editorial18 min read
Next.js Route Handlers with route.ts
Everything you need to build HTTP endpoints with route.ts in the Next.js App Router — GET, POST, dynamic segments, request validation, keeping secrets server-side, and knowing when a Server Action is the smarter call.
AI Voice Pro Editorial17 min read
Next.js Metadata and SEO in the App Router
Static metadata exports, generateMetadata for dynamic pages, title templates, Open Graph cards, canonical URLs via metadataBase — and the App Router SEO mistakes that waste a whole afternoon.
AI Voice Pro Editorial17 min read
Next.js Caching and Revalidation
How App Router caching works with and without Cache Components, when to use revalidatePath, revalidateTag, or updateTag, and how to verify freshness.
AI Voice Pro Editorial18 min read
Next.js images and fonts
From zero: set up next/image and next/font, protect your LCP score, prevent layout shift, and ship sharper pages — with setup steps, real examples, and a checklist.
AI Voice Pro Editorial17 min read