Next.js

React, but it handles the boring 80%.

▶ the lesson · ~35s · narrated · tap for sound

the intro

Next.js is a framework on top of React that adds routing, server rendering, data fetching, and deployment conventions. Components render on the server by default, pages are folders, and APIs live next to your pages. It removes most of the setup work a real React app needs.

the sample

a page is just a folder

app/
  page.tsx        → /
  about/page.tsx  → /about
  users/[id]/
    page.tsx      → /users/:id

fun fact ✦

Next.js popularized “file-based routing” — your folder tree literally becomes your sitemap.

the docs

nextjs.org learn ↗Next.js docs ↗

quick hits about Next.js

15-second answers · interviews, tips, trivia & hidden gems

🎤 interview

SSR, SSG, ISR?

🎤 interview

What is use client?

🎤 interview

Do you always need Next.js?

📚 tutorial

How does routing work?

🔧 useful

SEO in React is painful?

🆕 update

API routes for forms?

💎 deep

Instant loading states?

💎 deep

Need an API endpoint?