---
title: Configuring
description: Learn how to configure your Next.js application.
url: "https://nextjs.org/docs/14/pages/building-your-application/configuring"
version: 14.2.35
lastUpdated: 2023-06-28
prerequisites:
  - "Building Your Application: /docs/14/pages/building-your-application"
---



- [TypeScript](/docs/14/pages/building-your-application/configuring/typescript)
  - Next.js provides a TypeScript-first development experience for building your React application.
- [ESLint](/docs/14/pages/building-your-application/configuring/eslint)
  - Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here.
- [Environment Variables](/docs/14/pages/building-your-application/configuring/environment-variables)
  - Learn to add and access environment variables in your Next.js application.
- [Absolute Imports and Module Path Aliases](/docs/14/pages/building-your-application/configuring/absolute-imports-and-module-aliases)
  - Configure module path aliases that allow you to remap certain import paths.
- [src Directory](/docs/14/pages/building-your-application/configuring/src-directory)
  - Save pages under the `src` directory as an alternative to the root `pages` directory.
- [MDX](/docs/14/pages/building-your-application/configuring/mdx)
  - Learn how to configure MDX to write JSX in your markdown files.
- [AMP](/docs/14/pages/building-your-application/configuring/amp)
  - With minimal config, and without leaving React, you can start adding AMP and improve the performance and speed of your pages.
- [Babel](/docs/14/pages/building-your-application/configuring/babel)
  - Extend the babel preset added by Next.js with your own configs.
- [PostCSS](/docs/14/pages/building-your-application/configuring/post-css)
  - Extend the PostCSS config and plugins added by Next.js with your own.
- [Custom Server](/docs/14/pages/building-your-application/configuring/custom-server)
  - Start a Next.js app programmatically using a custom server.
- [Draft Mode](/docs/14/pages/building-your-application/configuring/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](/docs/14/pages/building-your-application/configuring/error-handling)
  - Handle errors in your Next.js app.
- [Debugging](/docs/14/pages/building-your-application/configuring/debugging)
  - Learn how to debug your Next.js application with VS Code or Chrome DevTools.
- [Preview Mode](/docs/14/pages/building-your-application/configuring/preview-mode)
  - Next.js has the preview mode for statically generated pages. You can learn how it works here.
- [Content Security Policy](/docs/14/pages/building-your-application/configuring/content-security-policy)
  - Learn how to set a Content Security Policy (CSP) for your Next.js application.

---

For an index of all available documentation, see [/docs/14/llms.txt](/docs/14/llms.txt)