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
Next.js
Full-stack React framework
167 tutorials
12 of 167 tutorials
Aug 20, 2026· 6 min read
Catch-All and Optional Catch-All Routes in Next.js
A catch-all route matches many URL segments with one folder. Learn the difference between catch-all and optional catch-all syntax and when each fits.
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
The Next.js `Link` Component: Props and Behavior Explained
The Link component moves readers between pages without a full reload. Learn its props, its prefetch behavior, and when to reach for it over a plain anchor.
nextjs
Aug 20, 2026· 7 min read
Client-Side Navigation in Next.js: What Happens on a Link Click
Clicking a Next.js Link does not reload the page. See the steps between the click and the new content appearing, and why it feels instant.
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
Why Component State Survives Navigation in Next.js 16: React Activity
With Cache Components enabled, navigating away from a page and back no longer resets its state. Learn how React's Activity component makes that happen.
nextjs
Aug 20, 2026· 7 min read
Adding View Transitions to a Next.js App
Wrap changing content in React's ViewTransition component to animate it across a Next.js navigation, with no extra config and no effect on the click itself.
nextjs
Aug 20, 2026· 6 min read
Fixing \"You're importing a component that needs useState\"
This build error means a Server Component's module graph reached a hook that only works in a Client Component. Here is the smallest repro, the cause, and the two fixes.
nextjs