nextjs

Next.js is a React framework that adds file-based routing, server-side rendering, static site generation, API routes, and built-in optimizations — it handles the infrastructure decisions (bundling, compiling, routing) so you can focus on building React components.

Next.js provides three navigation methods — the <Link> component for declarative navigation with automatic prefetching, useRouter() for programmatic navigation in event handlers, and redirect() for server-side redirects in Server Components and actions.

next/image automatically converts images to modern formats (WebP/AVIF), lazy-loads by default, prevents layout shift with required dimensions, and serves responsive sizes — next/font loads Google and local fonts with zero layout shift by hosting font files at build time.