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.
TypeScript
Next.js provides a TypeScript-first development experience for building your React application.
ESLint
Next.js provides an integrated ESLint experience by default. These conformance rules help you use Next.js in an optimal way.
Environment Variables
Learn to add and access environment variables in your Next.js application.
Absolute Imports and Module Path Aliases
Configure module path aliases that allow you to remap certain import paths.
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 or Chrome DevTools.
Progressive Web Applications (PWA)
Learn how to build a Progressive Web Application (PWA) with Next.js.
Was this helpful?