Routing Fundamentals

Create your first shared layout in Next.js.

Learn how navigation works in Next.js, and how to use the Link Component and `useRouter` hook.

Learn how to display expected errors and handle uncaught exceptions.

Built on top of Suspense, Loading UI allows you to create a fallback for specific route segments, and automatically stream content as it becomes ready.

Learn the different ways to handle redirects in Next.js.

Route Groups can be used to partition your Next.js application into different sections.

Dynamic Routes can be used to programmatically generate route segments from dynamic data.

Simultaneously render one or more pages in the same view that can be navigated independently. A pattern for highly dynamic applications.

Use intercepting routes to load a new route within the current layout while masking the browser URL, useful for advanced routing patterns such as modals.

Create custom request handlers for a given route using the Web's Request and Response APIs.

Learn how to use Middleware to run code before a request is completed.