Next.js

Next.js is a framework built on top of React that adds everything you need for a production web application: file-based routing, server-side rendering, API routes, middleware, image optimization, and seamless deployment to Vercel.

Next.js is the framework of choice for the Modern Vibe Coding curriculum because it is full-stack (frontend + backend in one codebase), has excellent AI training data coverage, and deploys with zero configuration. The App Router (introduced in Next.js 13) uses React Server Components for better performance and simpler data fetching.

Key features for vibe coders: Server Actions (call server functions directly from components), Route Handlers (build API endpoints), Middleware (run code before requests), and Dynamic Routes (pages with URL parameters like /products/[id]).