Next.js
ELI5 — The Vibe Check
Next.js is React's big sibling that adds superpowers like SSR, SSG, file-based routing, and API routes. You get a full production-ready setup without configuring webpack for three days. The de-facto standard for serious React apps.
Real Talk
Next.js is a React meta-framework developed by Vercel. It supports SSR, SSG, ISR, and CSR in the same project via a file-based routing system. The App Router (Next.js 13+) introduced React Server Components, server actions, and streaming. It integrates tightly with the Vercel deployment platform.
Show Me The Code
// app/page.tsx — Next.js App Router server component
export default async function Page() {
const data = await fetch('https://api.example.com/posts').then(r => r.json());
return <ul>{data.map(p => <li key={p.id}>{p.title}</li>)}</ul>;
}
When You'll Hear This
"Next.js App Router uses React Server Components by default." / "Deploy your Next.js app to Vercel for zero-config SSR."
Related Terms
Framework
A framework is like a pre-built house structure — the walls, floors, and roof are done, you just decorate it your way.
ISR (Incremental Static Regeneration)
ISR is the best of both SSG and SSR. Pages are pre-built statically but can automatically rebuild themselves in the background after a set time.
Nuxt
Nuxt is Vue on steroids. It's a meta-framework that adds SSR, SSG, file-based routing, auto-imports, and a full deployment pipeline on top of Vue.
React
React is a JavaScript library from Meta for building UIs out of components.
SSG (Static Site Generation)
SSG builds all your pages ahead of time — before anyone visits. You get a folder of plain HTML files that are blazing fast to serve from a CDN.
SSR (Server-Side Rendering)
SSR means the server builds your HTML before sending it to the user's browser.