Aug 20, 2026· 6 min read
What Is Next.js and When Should You Use It?
Next.js is a React framework for building full-stack web applications. Learn what it adds on top of React and when it is the right choice for a project.
nextjs
Next.js
Full-stack React framework
167 tutorials
12 of 167 tutorials
Aug 20, 2026· 6 min read
Next.js vs React: What the Framework Actually Adds
React is a library for building user interfaces. Next.js adds routing, server rendering, data fetching, and build tooling on top of it.
Reactnextjs
Aug 20, 2026· 6 min read
App Router vs Pages Router: Which One to Use in 2026
Next.js has two routers. Learn how the App Router and Pages Router differ and which one to choose for a new project in 2026.
App Routernextjs
Aug 20, 2026· 6 min read
How File-Based Routing Works in the Next.js App Router
Next.js turns folders inside app into URLs. Learn how nesting, page files, and layouts combine to build your app's routes.
nextjs
Aug 20, 2026· 7 min read
Dynamic Routes in Next.js: `[slug]` Segments Explained
A dynamic route lets one folder match many URLs. Learn how bracketed folder names capture values and how to prerender them ahead of time.
nextjs
Aug 20, 2026· 7 min read
Parallel Routes in Next.js: Slots and Independent Loading
Parallel routes render more than one page in the same layout at once, each with its own loading and error state. Learn the @slot convention.
nextjs
Aug 20, 2026· 7 min read
Intercepting Routes in Next.js: Building Modal Routes
Intercepting routes load one route inside the current layout while masking the URL, which is what lets a photo open as a modal instead of a new page.
nextjs
Aug 20, 2026· 6 min read
Passing Data Between Layouts and Pages in Next.js
Layouts cannot pass data to the pages they wrap, and pages cannot pass data up to a layout. Learn the real patterns for sharing data between them.
nextjs
Aug 20, 2026· 7 min read
`useRouter` vs `redirect` in Next.js: Client vs Server Navigation
useRouter is a client-side hook for event handlers, and redirect is a server-side function that interrupts rendering. Learn which one fits which situation.
nextjs
Aug 20, 2026· 7 min read
`useSelectedLayoutSegment` and Building Active Nav Links
useSelectedLayoutSegment reads which route segment is active one level below a layout, which makes it a natural fit for highlighting an active nav link.
nextjs
Aug 20, 2026· 7 min read
`useLinkStatus`: Showing Pending State During Navigation
useLinkStatus tells a component inside a Link whether that navigation is still pending, which is how you show a loading indicator on a slow link.
nextjs
Aug 20, 2026· 7 min read
How to Pass Props Across the Server/Client Boundary
Pass props from a Server Component to a Client Component by keeping every value serializable. See a working example, plus how to stream a Promise prop with the use API.
nextjs