# Next.js 14 Documentation

> Reference and guides for Next.js v14.2.35 — the React framework for building full-stack web applications. Sections cover Getting Started, App Router, Architecture, and Community Resources.

@doc-version: v14.2.35

**Next.js 14 is outside of our support policy.**

Next.js 14 has reached end-of-life. We recommend upgrading to a supported version.

## Upgrade Guide

- [Upgrade Guide](https://nextjs.org/docs/app/guides/upgrading/version-15)
- [Codemods](https://nextjs.org/docs/app/guides/upgrading/codemods)

```bash
npx @next/codemod@latest upgrade
```

## Current Supported Versions

| Version | Status |
|---------|--------|
| 16.x | Active LTS |
| 15.x | Maintenance LTS |

---



## [Getting Started](https://nextjs.org/docs/14/getting-started)

Learn how to create full-stack web applications with Next.js.

- [Installation](https://nextjs.org/docs/14/getting-started/installation): Create a new Next.js application with `create-next-app`. Set up TypeScript, styles, and configure your `next.config.js` file.
- [Project Structure](https://nextjs.org/docs/14/getting-started/project-structure): A list of folders and files conventions in a Next.js project

## [Building Your Application](https://nextjs.org/docs/14/app/building-your-application)

Learn how to use Next.js features to build your application.

- [Routing](https://nextjs.org/docs/14/app/building-your-application/routing): Learn the fundamentals of routing for front-end applications.
  - [Defining Routes](https://nextjs.org/docs/14/app/building-your-application/routing/defining-routes): Learn how to create your first route in Next.js.
  - [Pages and Layouts](https://nextjs.org/docs/14/app/building-your-application/routing/pages-and-layouts): Create your first page and shared layout with the App Router.
  - [Linking and Navigating](https://nextjs.org/docs/14/app/building-your-application/routing/linking-and-navigating): Learn how navigation works in Next.js, and how to use the Link Component and `useRouter` hook.
  - [Loading UI and Streaming](https://nextjs.org/docs/14/app/building-your-application/routing/loading-ui-and-streaming): Built on top of Suspense, Loading UI allows you to create a fallback for specific route segments, and automatically stream content as it becomes ready.
  - [Error Handling](https://nextjs.org/docs/14/app/building-your-application/routing/error-handling): Handle runtime errors by automatically wrapping route segments and their nested children in a React Error Boundary.
  - [Redirecting](https://nextjs.org/docs/14/app/building-your-application/routing/redirecting): Learn the different ways to handle redirects in Next.js.
  - [Route Groups](https://nextjs.org/docs/14/app/building-your-application/routing/route-groups): Route Groups can be used to partition your Next.js application into different sections.
  - [Project Organization](https://nextjs.org/docs/14/app/building-your-application/routing/colocation): Learn how to organize your Next.js project and colocate files.
  - [Dynamic Routes](https://nextjs.org/docs/14/app/building-your-application/routing/dynamic-routes): Dynamic Routes can be used to programmatically generate route segments from dynamic data.
  - [Parallel Routes](https://nextjs.org/docs/14/app/building-your-application/routing/parallel-routes): Simultaneously render one or more pages in the same view that can be navigated independently. A pattern for highly dynamic applications.
  - [Intercepting Routes](https://nextjs.org/docs/14/app/building-your-application/routing/intercepting-routes): Use intercepting routes to load a new route within the current layout while masking the browser URL, useful for advanced routing patterns such as modals.
  - [Route Handlers](https://nextjs.org/docs/14/app/building-your-application/routing/route-handlers): Create custom request handlers for a given route using the Web's Request and Response APIs.
  - [Middleware](https://nextjs.org/docs/14/app/building-your-application/routing/middleware): Learn how to use Middleware to run code before a request is completed.
  - [Internationalization](https://nextjs.org/docs/14/app/building-your-application/routing/internationalization): Add support for multiple languages with internationalized routing and localized content.
- [Data Fetching](https://nextjs.org/docs/14/app/building-your-application/data-fetching): Learn how to fetch, cache, revalidate, and mutate data with Next.js.
  - [Fetching, Caching, and Revalidating](https://nextjs.org/docs/14/app/building-your-application/data-fetching/fetching-caching-and-revalidating): Learn how to fetch, cache, and revalidate data in your Next.js application.
  - [Server Actions and Mutations](https://nextjs.org/docs/14/app/building-your-application/data-fetching/server-actions-and-mutations): Learn how to handle form submissions and data mutations with Next.js.
  - [Data Fetching Patterns and Best Practices](https://nextjs.org/docs/14/app/building-your-application/data-fetching/patterns): Learn about common data fetching patterns in React and Next.js.
- [Rendering](https://nextjs.org/docs/14/app/building-your-application/rendering): Learn the differences between Next.js rendering environments, strategies, and runtimes.
  - [Server Components](https://nextjs.org/docs/14/app/building-your-application/rendering/server-components): Learn how you can use React Server Components to render parts of your application on the server.
  - [Client Components](https://nextjs.org/docs/14/app/building-your-application/rendering/client-components): Learn how to use Client Components to render parts of your application on the client.
  - [Composition Patterns](https://nextjs.org/docs/14/app/building-your-application/rendering/composition-patterns): Recommended patterns for using Server and Client Components.
  - [Edge and Node.js Runtimes](https://nextjs.org/docs/14/app/building-your-application/rendering/edge-and-nodejs-runtimes): Learn about the switchable runtimes (Edge and Node.js) in Next.js.
- [Caching](https://nextjs.org/docs/14/app/building-your-application/caching): An overview of caching mechanisms in Next.js.
- [Styling](https://nextjs.org/docs/14/app/building-your-application/styling): Learn the different ways you can style your Next.js application.
  - [CSS Modules](https://nextjs.org/docs/14/app/building-your-application/styling/css-modules): Style your Next.js Application with CSS Modules.
  - [Tailwind CSS](https://nextjs.org/docs/14/app/building-your-application/styling/tailwind-css): Style your Next.js Application using Tailwind CSS.
  - [CSS-in-JS](https://nextjs.org/docs/14/app/building-your-application/styling/css-in-js): Use CSS-in-JS libraries with Next.js
  - [Sass](https://nextjs.org/docs/14/app/building-your-application/styling/sass): Style your Next.js application using Sass.
- [Optimizing](https://nextjs.org/docs/14/app/building-your-application/optimizing): Optimize your Next.js application for best performance and user experience.
  - [Images](https://nextjs.org/docs/14/app/building-your-application/optimizing/images): Optimize your images with the built-in `next/image` component.
  - [Fonts](https://nextjs.org/docs/14/app/building-your-application/optimizing/fonts): Optimize your application's web fonts with the built-in `next/font` loaders.
  - [Scripts](https://nextjs.org/docs/14/app/building-your-application/optimizing/scripts): Optimize 3rd party scripts with the built-in Script component.
  - [Metadata](https://nextjs.org/docs/14/app/building-your-application/optimizing/metadata): Use the Metadata API to define metadata in any layout or page.
  - [Static Assets](https://nextjs.org/docs/14/app/building-your-application/optimizing/static-assets): Next.js allows you to serve static files, like images, in the public directory. You can learn how it works here.
  - [Bundle Analyzer](https://nextjs.org/docs/14/app/building-your-application/optimizing/bundle-analyzer): Analyze the size of your JavaScript bundles using the @next/bundle-analyzer plugin.
  - [Lazy Loading](https://nextjs.org/docs/14/app/building-your-application/optimizing/lazy-loading): Lazy load imported libraries and React Components to improve your application's loading performance.
  - [Analytics](https://nextjs.org/docs/14/app/building-your-application/optimizing/analytics): Measure and track page performance using Next.js Speed Insights
  - [Instrumentation](https://nextjs.org/docs/14/app/building-your-application/optimizing/instrumentation): Learn how to use instrumentation to run code at server startup in your Next.js app
  - [OpenTelemetry](https://nextjs.org/docs/14/app/building-your-application/optimizing/open-telemetry): Learn how to instrument your Next.js app with OpenTelemetry.
  - [Third Party Libraries](https://nextjs.org/docs/14/app/building-your-application/optimizing/third-party-libraries): Optimize the performance of third-party libraries in your application with the `@next/third-parties` package.
- [Configuring](https://nextjs.org/docs/14/app/building-your-application/configuring): Learn how to configure your Next.js application.
  - [TypeScript](https://nextjs.org/docs/14/app/building-your-application/configuring/typescript): Next.js provides a TypeScript-first development experience for building your React application.
  - [ESLint](https://nextjs.org/docs/14/app/building-your-application/configuring/eslint): Next.js provides an integrated ESLint experience by default. These conformance rules help you use Next.js in an optimal way.
  - [Environment Variables](https://nextjs.org/docs/14/app/building-your-application/configuring/environment-variables): Learn to add and access environment variables in your Next.js application.
  - [Absolute Imports and Module Path Aliases](https://nextjs.org/docs/14/app/building-your-application/configuring/absolute-imports-and-module-aliases): Configure module path aliases that allow you to remap certain import paths.
  - [MDX](https://nextjs.org/docs/14/app/building-your-application/configuring/mdx): Learn how to configure MDX to write JSX in your markdown files.
  - [src Directory](https://nextjs.org/docs/14/app/building-your-application/configuring/src-directory): Save pages under the `src` directory as an alternative to the root `pages` directory.
  - [Draft Mode](https://nextjs.org/docs/14/app/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 App Router here.
  - [Content Security Policy](https://nextjs.org/docs/14/app/building-your-application/configuring/content-security-policy): Learn how to set a Content Security Policy (CSP) for your Next.js application.
- [Testing](https://nextjs.org/docs/14/app/building-your-application/testing): Learn how to set up Next.js with four commonly used testing tools — Cypress, Playwright, Vitest, and Jest.
  - [Vitest](https://nextjs.org/docs/14/app/building-your-application/testing/vitest): Learn how to set up Vitest with Next.js for Unit Testing.
  - [Jest](https://nextjs.org/docs/14/app/building-your-application/testing/jest): Learn how to set up Jest with Next.js for Unit Testing and Snapshot Testing.
  - [Playwright](https://nextjs.org/docs/14/app/building-your-application/testing/playwright): Learn how to set up Playwright with Next.js for End-to-End (E2E) testing.
  - [Cypress](https://nextjs.org/docs/14/app/building-your-application/testing/cypress): Learn how to set up Cypress with Next.js for End-to-End (E2E) and Component Testing.
- [Authentication](https://nextjs.org/docs/14/app/building-your-application/authentication): Learn how to implement authentication in Next.js, covering best practices, securing routes, authorization techniques, and session management.
- [Deploying](https://nextjs.org/docs/14/app/building-your-application/deploying): Learn how to deploy your Next.js app to production, either managed or self-hosted.
  - [Production Checklist](https://nextjs.org/docs/14/app/building-your-application/deploying/production-checklist): Recommendations to ensure the best performance and user experience before taking your Next.js application to production.
  - [Static Exports](https://nextjs.org/docs/14/app/building-your-application/deploying/static-exports): Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server.
- [Upgrading](https://nextjs.org/docs/14/app/building-your-application/upgrading): Learn how to upgrade to the latest versions of Next.js.
  - [Codemods](https://nextjs.org/docs/14/app/building-your-application/upgrading/codemods): Use codemods to upgrade your Next.js codebase when new features are released.
  - [App Router Migration](https://nextjs.org/docs/14/app/building-your-application/upgrading/app-router-migration): Learn how to upgrade your existing Next.js application from the Pages Router to the App Router.
  - [Version 14](https://nextjs.org/docs/14/app/building-your-application/upgrading/version-14): Upgrade your Next.js Application from Version 13 to 14.
  - [Migrating from Vite](https://nextjs.org/docs/14/app/building-your-application/upgrading/from-vite): Learn how to migrate your existing React application from Vite to Next.js.

## [API Reference](https://nextjs.org/docs/14/app/api-reference)

Next.js API Reference for the App Router.

- [Components](https://nextjs.org/docs/14/app/api-reference/components): API Reference for Next.js built-in components.
  - [Font](https://nextjs.org/docs/14/app/api-reference/components/font): Optimizing loading web fonts with the built-in `next/font` loaders.
  - [<Image>](https://nextjs.org/docs/14/app/api-reference/components/image): Optimize Images in your Next.js Application using the built-in `next/image` Component.
  - [<Link>](https://nextjs.org/docs/14/app/api-reference/components/link): Enable fast client-side navigation with the built-in `next/link` component.
  - [<Script>](https://nextjs.org/docs/14/app/api-reference/components/script): Optimize third-party scripts in your Next.js application using the built-in `next/script` Component.
- [File Conventions](https://nextjs.org/docs/14/app/api-reference/file-conventions): API Reference for Next.js Special Files.
  - [default.js](https://nextjs.org/docs/14/app/api-reference/file-conventions/default): API Reference for the default.js file.
  - [error.js](https://nextjs.org/docs/14/app/api-reference/file-conventions/error): API reference for the error.js special file.
  - [layout.js](https://nextjs.org/docs/14/app/api-reference/file-conventions/layout): API reference for the layout.js file.
  - [loading.js](https://nextjs.org/docs/14/app/api-reference/file-conventions/loading): API reference for the loading.js  file.
  - [not-found.js](https://nextjs.org/docs/14/app/api-reference/file-conventions/not-found): API reference for the not-found.js file.
  - [page.js](https://nextjs.org/docs/14/app/api-reference/file-conventions/page): API reference for the page.js file.
  - [route.js](https://nextjs.org/docs/14/app/api-reference/file-conventions/route): API reference for the route.js special file.
  - [Route Segment Config](https://nextjs.org/docs/14/app/api-reference/file-conventions/route-segment-config): Learn about how to configure options for Next.js route segments.
  - [template.js](https://nextjs.org/docs/14/app/api-reference/file-conventions/template): API Reference for the template.js file.
  - [Metadata Files](https://nextjs.org/docs/14/app/api-reference/file-conventions/metadata): API documentation for the metadata file conventions.
    - [favicon, icon, and apple-icon](https://nextjs.org/docs/14/app/api-reference/file-conventions/metadata/app-icons): API Reference for the Favicon, Icon and Apple Icon file conventions.
    - [manifest.json](https://nextjs.org/docs/14/app/api-reference/file-conventions/metadata/manifest): API Reference for manifest.json file.
    - [opengraph-image and twitter-image](https://nextjs.org/docs/14/app/api-reference/file-conventions/metadata/opengraph-image): API Reference for the Open Graph Image and Twitter Image file conventions.
    - [robots.txt](https://nextjs.org/docs/14/app/api-reference/file-conventions/metadata/robots): API Reference for robots.txt file.
    - [sitemap.xml](https://nextjs.org/docs/14/app/api-reference/file-conventions/metadata/sitemap): API Reference for the sitemap.xml file.
- [Functions](https://nextjs.org/docs/14/app/api-reference/functions): API Reference for Next.js Functions and Hooks.
  - [cookies](https://nextjs.org/docs/14/app/api-reference/functions/cookies): API Reference for the cookies function.
  - [draftMode](https://nextjs.org/docs/14/app/api-reference/functions/draft-mode): API Reference for the draftMode function.
  - [fetch](https://nextjs.org/docs/14/app/api-reference/functions/fetch): API reference for the extended fetch function.
  - [generateImageMetadata](https://nextjs.org/docs/14/app/api-reference/functions/generate-image-metadata): Learn how to generate multiple images in a single Metadata API special file.
  - [generateMetadata](https://nextjs.org/docs/14/app/api-reference/functions/generate-metadata): Learn how to add Metadata to your Next.js application for improved search engine optimization (SEO) and web shareability.
  - [generateSitemaps](https://nextjs.org/docs/14/app/api-reference/functions/generate-sitemaps): Learn how to use the generateSiteMaps function to create multiple sitemaps for your application.
  - [generateStaticParams](https://nextjs.org/docs/14/app/api-reference/functions/generate-static-params): API reference for the generateStaticParams function.
  - [generateViewport](https://nextjs.org/docs/14/app/api-reference/functions/generate-viewport): API Reference for the generateViewport function.
  - [headers](https://nextjs.org/docs/14/app/api-reference/functions/headers): API reference for the headers function.
  - [ImageResponse](https://nextjs.org/docs/14/app/api-reference/functions/image-response): API Reference for the ImageResponse constructor.
  - [NextRequest](https://nextjs.org/docs/14/app/api-reference/functions/next-request): API Reference for NextRequest.
  - [NextResponse](https://nextjs.org/docs/14/app/api-reference/functions/next-response): API Reference for NextResponse.
  - [notFound](https://nextjs.org/docs/14/app/api-reference/functions/not-found): API Reference for the notFound function.
  - [permanentRedirect](https://nextjs.org/docs/14/app/api-reference/functions/permanentRedirect): API Reference for the permanentRedirect function.
  - [redirect](https://nextjs.org/docs/14/app/api-reference/functions/redirect): API Reference for the redirect function.
  - [revalidatePath](https://nextjs.org/docs/14/app/api-reference/functions/revalidatePath): API Reference for the revalidatePath function.
  - [revalidateTag](https://nextjs.org/docs/14/app/api-reference/functions/revalidateTag): API Reference for the revalidateTag function.
  - [unstable_cache](https://nextjs.org/docs/14/app/api-reference/functions/unstable_cache): API Reference for the unstable_cache function.
  - [unstable_noStore](https://nextjs.org/docs/14/app/api-reference/functions/unstable_noStore): API Reference for the unstable_noStore function.
  - [useParams](https://nextjs.org/docs/14/app/api-reference/functions/use-params): API Reference for the useParams hook.
  - [usePathname](https://nextjs.org/docs/14/app/api-reference/functions/use-pathname): API Reference for the usePathname hook.
  - [useReportWebVitals](https://nextjs.org/docs/14/app/api-reference/functions/use-report-web-vitals): API Reference for the useReportWebVitals function.
  - [useRouter](https://nextjs.org/docs/14/app/api-reference/functions/use-router): API reference for the useRouter hook.
  - [useSearchParams](https://nextjs.org/docs/14/app/api-reference/functions/use-search-params): API Reference for the useSearchParams hook.
  - [useSelectedLayoutSegment](https://nextjs.org/docs/14/app/api-reference/functions/use-selected-layout-segment): API Reference for the useSelectedLayoutSegment hook.
  - [useSelectedLayoutSegments](https://nextjs.org/docs/14/app/api-reference/functions/use-selected-layout-segments): API Reference for the useSelectedLayoutSegments hook.
  - [userAgent](https://nextjs.org/docs/14/app/api-reference/functions/userAgent): The userAgent helper extends the Web Request API with additional properties and methods to interact with the user agent object from the request.
- [next.config.js Options](https://nextjs.org/docs/14/app/api-reference/next-config-js): Learn how to configure your application with next.config.js.
  - [appDir](https://nextjs.org/docs/14/app/api-reference/next-config-js/appDir): Enable the App Router to use layouts, streaming, and more.
  - [assetPrefix](https://nextjs.org/docs/14/app/api-reference/next-config-js/assetPrefix): Learn how to use the assetPrefix config option to configure your CDN.
  - [basePath](https://nextjs.org/docs/14/app/api-reference/next-config-js/basePath): Use `basePath` to deploy a Next.js application under a sub-path of a domain.
  - [compress](https://nextjs.org/docs/14/app/api-reference/next-config-js/compress): Next.js provides gzip compression to compress rendered content and static files, it only works with the server target. Learn more about it here.
  - [devIndicators](https://nextjs.org/docs/14/app/api-reference/next-config-js/devIndicators): Optimized pages include an indicator to let you know if it's being statically optimized. You can opt-out of it here.
  - [distDir](https://nextjs.org/docs/14/app/api-reference/next-config-js/distDir): Set a custom build directory to use instead of the default .next directory.
  - [env](https://nextjs.org/docs/14/app/api-reference/next-config-js/env): Learn to add and access environment variables in your Next.js application at build time.
  - [eslint](https://nextjs.org/docs/14/app/api-reference/next-config-js/eslint): Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here.
  - [exportPathMap](https://nextjs.org/docs/14/app/api-reference/next-config-js/exportPathMap): Customize the pages that will be exported as HTML files when using `next export`.
  - [generateBuildId](https://nextjs.org/docs/14/app/api-reference/next-config-js/generateBuildId): Configure the build id, which is used to identify the current build in which your application is being served.
  - [generateEtags](https://nextjs.org/docs/14/app/api-reference/next-config-js/generateEtags): Next.js will generate etags for every page by default. Learn more about how to disable etag generation here.
  - [headers](https://nextjs.org/docs/14/app/api-reference/next-config-js/headers): Add custom HTTP headers to your Next.js app.
  - [httpAgentOptions](https://nextjs.org/docs/14/app/api-reference/next-config-js/httpAgentOptions): Next.js will automatically use HTTP Keep-Alive by default. Learn more about how to disable HTTP Keep-Alive here.
  - [images](https://nextjs.org/docs/14/app/api-reference/next-config-js/images): Custom configuration for the next/image loader
  - [cacheHandler](https://nextjs.org/docs/14/app/api-reference/next-config-js/incrementalCacheHandlerPath): Configure the Next.js cache used for storing and revalidating data to use any external service like Redis, Memcached, or others.
  - [logging](https://nextjs.org/docs/14/app/api-reference/next-config-js/logging): Configure how data fetches are logged to the console when running Next.js in development mode.
  - [mdxRs](https://nextjs.org/docs/14/app/api-reference/next-config-js/mdxRs): Use the new Rust compiler to compile MDX files in the App Router.
  - [onDemandEntries](https://nextjs.org/docs/14/app/api-reference/next-config-js/onDemandEntries): Configure how Next.js will dispose and keep in memory pages created in development.
  - [optimizePackageImports](https://nextjs.org/docs/14/app/api-reference/next-config-js/optimizePackageImports): API Reference for optmizedPackageImports Next.js Config Option
  - [output](https://nextjs.org/docs/14/app/api-reference/next-config-js/output): Next.js automatically traces which files are needed by each page to allow for easy deployment of your application. Learn how it works here.
  - [pageExtensions](https://nextjs.org/docs/14/app/api-reference/next-config-js/pageExtensions): Extend the default page extensions used by Next.js when resolving pages in the Pages Router.
  - [Partial Prerendering (experimental)](https://nextjs.org/docs/14/app/api-reference/next-config-js/partial-prerendering): Learn how to enable Partial Prerendering (experimental) in Next.js 14.
  - [poweredByHeader](https://nextjs.org/docs/14/app/api-reference/next-config-js/poweredByHeader): Next.js will add the `x-powered-by` header by default. Learn to opt-out of it here.
  - [productionBrowserSourceMaps](https://nextjs.org/docs/14/app/api-reference/next-config-js/productionBrowserSourceMaps): Enables browser source map generation during the production build.
  - [reactStrictMode](https://nextjs.org/docs/14/app/api-reference/next-config-js/reactStrictMode): The complete Next.js runtime is now Strict Mode-compliant, learn how to opt-in
  - [redirects](https://nextjs.org/docs/14/app/api-reference/next-config-js/redirects): Add redirects to your Next.js app.
  - [rewrites](https://nextjs.org/docs/14/app/api-reference/next-config-js/rewrites): Add rewrites to your Next.js app.
  - [serverActions](https://nextjs.org/docs/14/app/api-reference/next-config-js/serverActions): Configure Server Actions behavior in your Next.js application.
  - [serverComponentsExternalPackages](https://nextjs.org/docs/14/app/api-reference/next-config-js/serverComponentsExternalPackages): Opt-out specific dependencies from the Server Components bundling and use native Node.js `require`.
  - [trailingSlash](https://nextjs.org/docs/14/app/api-reference/next-config-js/trailingSlash): Configure Next.js pages to resolve with or without a trailing slash.
  - [transpilePackages](https://nextjs.org/docs/14/app/api-reference/next-config-js/transpilePackages): Automatically transpile and bundle dependencies from local packages (like monorepos) or from external dependencies (`node_modules`).
  - [turbo](https://nextjs.org/docs/14/app/api-reference/next-config-js/turbo): Configure Next.js with Turbopack-specific options
  - [typedRoutes](https://nextjs.org/docs/14/app/api-reference/next-config-js/typedRoutes): Enable experimental support for statically typed links.
  - [typescript](https://nextjs.org/docs/14/app/api-reference/next-config-js/typescript): Next.js reports TypeScript errors by default. Learn to opt-out of this behavior here.
  - [urlImports](https://nextjs.org/docs/14/app/api-reference/next-config-js/urlImports): Configure Next.js to allow importing modules from external URLs (experimental).
  - [webpack](https://nextjs.org/docs/14/app/api-reference/next-config-js/webpack): Learn how to customize the webpack config used by Next.js
  - [webVitalsAttribution](https://nextjs.org/docs/14/app/api-reference/next-config-js/webVitalsAttribution): Learn how to use the webVitalsAttribution option to pinpoint the source of Web Vitals issues.
- [create-next-app](https://nextjs.org/docs/14/app/api-reference/create-next-app): Create Next.js apps in one command with create-next-app.
- [Edge Runtime](https://nextjs.org/docs/14/app/api-reference/edge): API Reference for the Edge Runtime.
- [Next.js CLI](https://nextjs.org/docs/14/app/api-reference/next-cli): The Next.js CLI allows you to start, build, and export your application. Learn more about it here.

## [Architecture](https://nextjs.org/docs/14/architecture)

How Next.js Works

- [Accessibility](https://nextjs.org/docs/14/architecture/accessibility): The built-in accessibility features of Next.js.
- [Fast Refresh](https://nextjs.org/docs/14/architecture/fast-refresh): Fast Refresh is a hot module reloading experience that gives you instantaneous feedback on edits made to your React components.
- [Next.js Compiler](https://nextjs.org/docs/14/architecture/nextjs-compiler): Next.js Compiler, written in Rust, which transforms and minifies your Next.js application.
- [Supported Browsers](https://nextjs.org/docs/14/architecture/supported-browsers): Browser support and which JavaScript features are supported by Next.js.
- [Turbopack](https://nextjs.org/docs/14/architecture/turbopack): Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust, and built into Next.js.

## [Community](https://nextjs.org/docs/14/community)

Get involved in the Next.js community.

- [Contribution Guide](https://nextjs.org/docs/14/community/contribution-guide): Learn how to contribute to Next.js Documentation

## Optional

- [Pages Router](https://nextjs.org/docs/14/pages/llms.txt): Index of all Pages Router documentation