Skip to content
Pages RouterBuilding Your ApplicationConfiguring
You are currently viewing documentation for the canary channel of Next.js.

Configuring

Next.js allows you to customize your project to meet specific requirements. This includes integrations with TypeScript, ESlint, and more, as well as internal configuration options such as Absolute Imports and Environment Variables.

Environment Variables

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

src Directory

Save pages under the `src` directory as an alternative to the root `pages` directory.

MDX

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

AMP

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

Babel

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

PostCSS

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

Custom Server

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

Draft Mode

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

Error Handling

Handle errors in your Next.js app.

Preview Mode

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

Content Security Policy

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

Debugging

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