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.
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.
Absolute Imports and Module Path Aliases
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.
Learn how to debug your Next.js application with VS Code or Chrome DevTools.
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.