Next.js
読み方：Next.js
A full-stack React framework developed by Vercel. Provides server-side rendering (SSR), static site generation (SSG), and the App Router for building high-performance web applications. Standard choice for production React applications requiring SEO and performance optimization.
What is Next.js
Next.js extends React with the server-side capabilities needed for production applications: routing, server rendering, image optimization, font optimization, and API routes. Vercel builds and maintains it; the community is the largest in the React ecosystem.
Key Features
- • App Router (v13+): File-system routing with React Server Components as the default
- • Server Components: Components rendered on the server—smaller JS bundles, better SEO
- • Image Component: Automatic WebP conversion, lazy loading, responsive sizes
- • Font Optimization: `next/font` downloads and self-hosts web fonts at build time
- • API Routes: Backend endpoints in the same codebase as the frontend
Rendering Strategies
- • SSR: Page HTML generated on each request (always fresh)
- • SSG: HTML generated at build time (fastest, CDN-cacheable)
- • ISR: Static with periodic regeneration (balance of speed and freshness)
Why Next.js
The App Router's Server Components model provides a compelling performance and developer experience advantage. For sites requiring SEO, performance, and a modern developer workflow, Next.js is the current best-practice choice.