Configuring

Next.js provides a TypeScript-first development experience for building your React application.

Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here.

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

Configure module path aliases that allow you to remap certain import paths.

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

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

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

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

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

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

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

Handle errors in your Next.js app.

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

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

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