Next.js
React framework for full-stack web applications with Server Components, file-based routing, SSR/SSG, and built-in performance optimizations.
seed#nextjs#react#framework#ssr#ssg#app-router#vercel
What it is
Next.js is the most popular React framework for production web applications. It provides routing, rendering (SSR, SSG, ISR), optimizations, and API routes out of the box.
App Router (Next.js 13+)
| Concept | Function | Example |
|---|---|---|
| Server Components | Components that run on the server (default) | Data fetching without useEffect |
| Client Components | Interactive components ('use client') | Forms, event handlers |
| Layouts | Shared UI between routes | Persistent header, sidebar |
| Loading/Error | Per-route loading and error states | Skeleton screens, error boundaries |
| Route Handlers | API endpoints | app/api/data/route.ts |
Rendering strategies
| Strategy | When | Use |
|---|---|---|
| SSG | Build time | Static content |
| SSR | Request time | Dynamic data |
| ISR | Periodic revalidation | Semi-static content |
| Streaming | Progressive | Fast UX with slow data |
This site uses Next.js
jonmatum.com is built with Next.js App Router, using SSG for content pages and API routes for the knowledge graph.
Why it matters
Next.js is the most widely adopted React framework for production. Server Components, App Router, and automatic performance optimizations make it the default choice for web applications that need SEO, speed, and a modern development experience.
References
- Next.js Documentation — Official documentation.
- Next.js Blog — Vercel, 2024. Next.js announcements and updates.
- Next.js on Vercel — Vercel, 2024. Deployment and optimization guide.