Guides

With minimal config, and without leaving React, you can start adding AMP and improve the performance and speed of your pages.

Measure and track page performance using Next.js

Learn how to implement authentication in Next.js, covering best practices, securing routes, authorization techniques, and session management.

Extend the babel preset added by Next.js with your own configs.

Learn how to configure CI to cache Next.js builds

Learn how to set a Content Security Policy (CSP) for your Next.js application.

Use CSS-in-JS libraries with Next.js

Start a Next.js app programmatically using a custom server.

Learn how to debug your Next.js application with VS Code or Chrome DevTools.

Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with Pages Router.

Learn to add and access environment variables in your Next.js application.

Learn how to use instrumentation to run code at server startup in your Next.js app

Lazy load imported libraries and React Components to improve your application's overall loading performance.

Learn how to configure MDX to write JSX in your markdown files.

Learn how to migrate from popular frameworks to Next.js

Learn how to build micro-frontends using Next.js Multi-Zones to deploy multiple Next.js apps under a single domain.

Learn how to instrument your Next.js app with OpenTelemetry.

Learn how to optimize your application's server and client bundles.

Extend the PostCSS config and plugins added by Next.js with your own.

Next.js has the preview mode for statically generated pages. You can learn how it works here.

Recommendations to ensure the best performance and user experience before taking your Next.js application to production.

Learn how to use Sass in your Next.js application.

Optimize 3rd party scripts with the built-in Script component.

Learn how to self-host your Next.js application on a Node.js server, Docker image, or static HTML files (static exports).

Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server.

Learn how to set up Next.js with three commonly used testing tools — Cypress, Playwright, Vitest, and Jest.

Optimize the performance of third-party libraries in your application with the `@next/third-parties` package.

Learn how to upgrade to the latest versions of Next.js.