Next.js is the framework most AI agents reach for when you ask them to "build a web app". Understanding its building blocks helps you review what your agent writes, and prompt it far more precisely.
Learn to build API endpoints in Next.js 16 with Route Handlers: GET/POST/PUT/DELETE, dynamic routes, validation with zod, authentication, error handling, CORS, and when to use Server Actions instead.
Updated
Optimize images in Next.js 16 with next/image: sizing, fill and sizes, remotePatterns, preload (which replaced priority), placeholders, the new qualities default, and Core Web Vitals tips.
Updated
A complete Next.js 16 SEO setup: metadataBase, title templates, canonical URLs, Open Graph and Twitter cards, generated OG images, sitemap.xml, robots.txt and JSON-LD structured data, with copy-paste code.
Updated
In Next.js 16, middleware.ts was renamed to proxy.ts. Learn how proxy works, how to protect routes, handle redirects and rewrites, set headers, and why you must still check auth in your data layer.
Updated
Master Next.js App Router routing: dynamic segments, catch-all routes, route groups, layouts, loading and error states, parallel routes and navigation, with Next.js 16 code examples.
Updated
Learn Next.js 16 from scratch: installing with create-next-app, the App Router, Server and Client Components, data fetching, AI agent setup with AGENTS.md, and deploying to Vercel.
Updated