Skip to content
App RouterBuilding Your ApplicationConfiguring

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.

MDX

Learn how to configure MDX and use it in your Next.js apps.

src Directory

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

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 App Router 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, Chrome DevTools, or Firefox DevTools.

Progressive Web Applications (PWA)

Learn how to build a Progressive Web Application (PWA) with Next.js.