# Nextjs

> The Next.js team is committed to making Next.js accessible to all developers (and their end-users). By adding accessibility features to Next.js by default, we aim to make the Web more inclusive for ev

## Pages

- [Accessibility](accessibility.md): @doc-version: 16.0.4
- [experimental.adapterPath](adapterpath.md): @doc-version: 16.0.4
- [after](after.md): @doc-version: 16.0.4
- [allowedDevOrigins](alloweddevorigins.md): @doc-version: 16.0.4
- [How to add analytics to your Next.js application](analytics.md): @doc-version: 16.0.4
- [API Reference](api-reference.md): @doc-version: 16.0.4
- [API Routes](api-routes.md): * [API Routes Request Helpers](https://github.com/vercel/next.js/tree/canary/examples/api-routes-proxy)
- [favicon, icon, and apple-icon](app-icons.md): @doc-version: 16.0.4
- [How to migrate from Pages to the App Router](app-router-migration.md): @doc-version: 16.0.4
- [appDir](appdir.md): @doc-version: 16.0.4
- [Architecture](architecture.md): @doc-version: 16.0.4
- [assetPrefix](assetprefix.md): @doc-version: 16.0.4
- [authInterrupts](authinterrupts.md): @doc-version: 16.0.4
- [How to implement authentication in Next.js](authentication.md): @doc-version: 16.0.4
- [Automatic Static Optimization](automatic-static-optimization.md): Next.js automatically determines that a page is static (can be prerendered) if it has no blocking data requirements. ...
- [How to configure Babel in Next.js](babel.md): * [Customizing babel configuration](https://github.com/vercel/next.js/tree/canary/examples/with-custom-babel-config)
- [How to use Next.js as a backend for your frontend](backend-for-frontend.md): @doc-version: 16.0.4
- [basePath](basepath.md): @doc-version: 16.0.4
- [browserDebugInfoInTerminal](browserdebuginfointerminal.md): @doc-version: 16.0.4
- [Building Your Application](building-your-application.md): - [Routing](/docs/pages/building-your-application/routing.md)
- [bundlePagesRouterDependencies](bundlepagesrouterdependencies.md): Enable automatic server-side dependency bundling for Pages Router applications. Matches the automatic dependency bund...
- [Cache Components](cache-components.md): @doc-version: 16.0.4
- [cacheComponents](cachecomponents.md): @doc-version: 16.0.4
- [cacheHandlers](cachehandlers.md): @doc-version: 16.0.4
- [cacheLife](cachelife.md): @doc-version: 16.0.4
- [cacheTag](cachetag.md): @doc-version: 16.0.4
- [Caching and Revalidating](caching-and-revalidating.md): @doc-version: 16.0.4
- [Caching in Next.js](caching.md): @doc-version: 16.0.4
- [How to configure Continuous Integration (CI) build caching](ci-build-caching.md): @doc-version: 16.0.4
- [CLI](cli.md): @doc-version: 16.0.4
- [Client-side Rendering (CSR)](client-side-rendering.md): In Client-Side Rendering (CSR) with React, the browser downloads a minimal HTML page and the JavaScript needed for th...
- [Client-side Fetching](client-side.md): Client-side data fetching is useful when your page doesn't require SEO indexing, when you don't need to pre-render yo...
- [Codemods](codemods.md): @doc-version: 16.0.4
- [Next.js Community](community.md): @doc-version: 16.0.4
- [Components](components.md): @doc-version: 16.0.4
- [compress](compress.md): @doc-version: 16.0.4
- [Configuration](config.md): @doc-version: 16.0.4
- [Configuring](configuring.md): Next.js allows you to customize your project to meet specific requirements. This includes integrations with TypeScrip...
- [connection](connection.md): @doc-version: 16.0.4
- [How to set a Content Security Policy (CSP) for your Next.js application](content-security-policy.md): @doc-version: 16.0.4
- [Page Title](contribution-guide.md): @doc-version: 16.0.4
- [cookies](cookies.md): @doc-version: 16.0.4
- [create-next-app](create-next-app.md): @doc-version: 16.0.4
- [crossOrigin](crossorigin.md): @doc-version: 16.0.4
- [How to use CSS-in-JS libraries](css-in-js.md): @doc-version: 16.0.4
- [Css](css.md): @doc-version: 16.0.4
- [cssChunking](csschunking.md): @doc-version: 16.0.4
- [Custom App](custom-app.md): Next.js uses the`App`component to initialize pages. You can override it and control the page initialization and:
- [Custom Errors](custom-error.md): A 404 page may be accessed very often. Server-rendering an error page for every visit increases the load of the Next....
- [How to set up a custom server in Next.js](custom-server.md): @doc-version: 16.0.4
- [How to set up Cypress with Next.js](cypress.md): @doc-version: 16.0.4
- [Data Fetching](data-fetching.md): Data fetching in Next.js allows you to render your content in different ways, depending on your application's use cas...
- [How to think about data security in Next.js](data-security.md): @doc-version: 16.0.4
- [How to use debugging tools with Next.js](debugging.md): @doc-version: 16.0.4
- [default.js](default.md): @doc-version: 16.0.4
- [Deploying](deploying.md): @doc-version: 16.0.4
- [devIndicators](devindicators.md): @doc-version: 16.0.4
- [Directives](directives.md): @doc-version: 16.0.4
- [distDir](distdir.md): @doc-version: 16.0.4
- [How to preview content with Draft Mode in Next.js](draft-mode.md): @doc-version: 16.0.4
- [Dynamic Route Segments](dynamic-routes.md): @doc-version: 16.0.4
- [Edge Runtime](edge.md): @doc-version: 16.0.4
- [env](env.md): @doc-version: 16.0.4
- [How to use environment variables in Next.js](environment-variables.md): @doc-version: 16.0.4
- [Error Handling](error-handling.md): @doc-version: 16.0.4
- [error.js](error.md): @doc-version: 16.0.4
- [ESLint Plugin](eslint.md): @doc-version: 16.0.4
- [expireTime](expiretime.md): @doc-version: 16.0.4
- [exportPathMap](exportpathmap.md): @doc-version: 16.0.4
- [Fast Refresh](fast-refresh.md): @doc-version: 16.0.4
- [fetch](fetch.md): @doc-version: 16.0.4
- [Fetching Data](fetching-data.md): @doc-version: 16.0.4
- [File-system conventions](file-conventions.md): @doc-version: 16.0.4
- [Fonts](fonts.md)
- [forbidden.js](forbidden.md): @doc-version: 16.0.4
- [Form Component](form.md): @doc-version: 16.0.4
- [Forms and Mutations](forms-and-mutations.md): Forms enable you to create and update data in web applications. Next.js provides a powerful way to handle form submis...
- [How to create forms with Server Actions](forms.md): @doc-version: 16.0.4
- [How to migrate from Create React App to Next.js](from-create-react-app.md): @doc-version: 16.0.4
- [How to migrate from Vite to Next.js](from-vite.md): @doc-version: 16.0.4
- [Functions](functions.md): @doc-version: 16.0.4
- [generateImageMetadata](generate-image-metadata.md): @doc-version: 16.0.4
- [generateMetadata](generate-metadata.md): @doc-version: 16.0.4
- [generateSitemaps](generate-sitemaps.md): @doc-version: 16.0.4
- [generateStaticParams](generate-static-params.md): @doc-version: 16.0.4
- [generateViewport](generate-viewport.md): @doc-version: 16.0.4
- [generateBuildId](generatebuildid.md): @doc-version: 16.0.4
- [generateEtags](generateetags.md): @doc-version: 16.0.4
- [getInitialProps](get-initial-props.md): **Good to know**:`getInitialProps`is a legacy API. We recommend using [`getStaticProps`](/docs/pages/building-your-...
- [getServerSideProps](get-server-side-props.md): `getServerSideProps`is a Next.js function that can be used to fetch data and render the contents of a page at reques...
- [getStaticPaths](get-static-paths.md): If a page has [Dynamic Routes](/docs/pages/building-your-application/routing/dynamic-routes.md) and uses`getStaticPr...
- [getStaticProps](get-static-props.md): If you export a function called`getStaticProps`(Static Site Generation) from a page, Next.js will pre-render this p...
- [Getting Started](getting-started.md): @doc-version: 16.0.4
- [Guides](guides.md): @doc-version: 16.0.4
- [headers](headers.md): @doc-version: 16.0.4
- [htmlLimitedBots](htmllimitedbots.md): @doc-version: 16.0.4
- [httpAgentOptions](httpagentoptions.md): @doc-version: 16.0.4
- [Image (Legacy)](image-legacy.md): This is a legacy API and no longer recommended. It is still supported for backward compatibility.
- [ImageResponse](image-response.md): @doc-version: 16.0.4
- [Image Component](image.md): @doc-version: 16.0.4
- [Image Optimization](images.md): @doc-version: 16.0.4
- [How to implement Incremental Static Regeneration (ISR)](incremental-static-regeneration.md): @doc-version: 16.0.4
- [Custom Next.js Cache Handler](incrementalcachehandlerpath.md): @doc-version: 16.0.4
- [inlineCss](inlinecss.md): @doc-version: 16.0.4
- [Installation](installation.md): @doc-version: 16.0.4
- [instrumentation-client.js](instrumentation-client.md): @doc-version: 16.0.4
- [How to set up instrumentation](instrumentation.md): @doc-version: 16.0.4
- [Intercepting Routes](intercepting-routes.md): @doc-version: 16.0.4
- [Internationalization](internationalization.md): @doc-version: 16.0.4
- [isolatedDevBuild](isolateddevbuild.md): @doc-version: 16.0.4
- [How to set up Jest with Next.js](jest.md): @doc-version: 16.0.4
- [How to implement JSON-LD in your Next.js application](json-ld.md): @doc-version: 16.0.4
- [How to lazy load Client Components and libraries](lazy-loading.md): @doc-version: 16.0.4
- [Link Component](link.md): @doc-version: 16.0.4
- [Linking and Navigating](linking-and-navigating.md): @doc-version: 16.0.4
- [loading.js](loading.md): @doc-version: 16.0.4
- [How to optimize your local development environment](local-development.md): @doc-version: 16.0.4
- [logging](logging.md): @doc-version: 16.0.4
- [manifest.json](manifest.md): @doc-version: 16.0.4
- [Enabling Next.js MCP Server for Coding Agents](mcp.md): @doc-version: 16.0.4
- [mdx-components.js](mdx-components.md): @doc-version: 16.0.4
- [How to use markdown and MDX in Next.js](mdx.md): @doc-version: 16.0.4
- [mdxRs](mdxrs.md): @doc-version: 16.0.4
- [How to optimize memory usage](memory-usage.md): @doc-version: 16.0.4
- [Metadata and OG images](metadata-and-og-images.md): @doc-version: 16.0.4
- [Metadata Files API Reference](metadata.md): @doc-version: 16.0.4
- [Migrating](migrating.md): @doc-version: 16.0.4
- [How to build multi-tenant apps in Next.js](multi-tenant.md): @doc-version: 16.0.4
- [How to build micro-frontends using multi-zones and Next.js](multi-zones.md): @doc-version: 16.0.4
- [next.config.js](next-config-js.md): @doc-version: 16.0.4
- [NextRequest](next-request.md): @doc-version: 16.0.4
- [NextResponse](next-response.md): @doc-version: 16.0.4
- [next CLI](next.md): @doc-version: 16.0.4
- [Next.js Compiler](nextjs-compiler.md): @doc-version: 16.0.4
- [not-found.js](not-found.md): @doc-version: 16.0.4
- [onDemandEntries](ondemandentries.md): @doc-version: 16.0.4
- [How to set up instrumentation with OpenTelemetry](open-telemetry.md): @doc-version: 16.0.4
- [opengraph-image and twitter-image](opengraph-image.md): @doc-version: 16.0.4
- [optimizePackageImports](optimizepackageimports.md): @doc-version: 16.0.4
- [output](output.md): @doc-version: 16.0.4
- [How to optimize package bundling](package-bundling.md): @doc-version: 16.0.4
- [page.js](page.md): @doc-version: 16.0.4
- [pageExtensions](pageextensions.md): @doc-version: 16.0.4
- [Pages and Layouts](pages-and-layouts.md): The Pages Router has a file-system based router built on the concept of pages.
- [Parallel Routes](parallel-routes.md): @doc-version: 16.0.4
- [permanentRedirect](permanentredirect.md): @doc-version: 16.0.4
- [How to set up Playwright with Next.js](playwright.md): @doc-version: 16.0.4
- [How to configure PostCSS in Next.js](post-css.md): Next.js compiles CSS for its [built-in CSS support](/docs/app/getting-started/css.md) using PostCSS.
- [poweredByHeader](poweredbyheader.md): @doc-version: 16.0.4
- [Prefetching](prefetching.md): @doc-version: 16.0.4
- [How to preview content with Preview Mode in Next.js](preview-mode.md): This is a legacy API and no longer recommended. It is still supported for backward compatibility.
- [How to optimize your Next.js application for production](production-checklist.md): @doc-version: 16.0.4
- [productionBrowserSourceMaps](productionbrowsersourcemaps.md): @doc-version: 16.0.4
- [How to build a Progressive Web Application (PWA) with Next.js](progressive-web-apps.md): @doc-version: 16.0.4
- [Project structure and organization](project-structure.md): @doc-version: 16.0.4
- [Proxy](proxy.md): @doc-version: 16.0.4
- [proxyClientMaxBodySize](proxyclientmaxbodysize.md): @doc-version: 16.0.4
- [public Folder](public-folder.md): @doc-version: 16.0.4
- [reactCompiler](reactcompiler.md): @doc-version: 16.0.4
- [reactMaxHeadersLength](reactmaxheaderslength.md): @doc-version: 16.0.4
- [reactStrictMode](reactstrictmode.md): @doc-version: 16.0.4
- [redirect](redirect.md): @doc-version: 16.0.4
- [How to handle redirects in Next.js](redirecting.md): @doc-version: 16.0.4
- [redirects](redirects.md): @doc-version: 16.0.4
- [refresh](refresh.md): @doc-version: 16.0.4
- [Rendering](rendering.md): By default, Next.js **pre-renders** every page. This means that Next.js generates HTML for each page in advance, inst...
- [revalidatePath](revalidatepath.md): @doc-version: 16.0.4
- [revalidateTag](revalidatetag.md): @doc-version: 16.0.4
- [rewrites](rewrites.md): @doc-version: 16.0.4
- [robots.txt](robots.md): @doc-version: 16.0.4
- [Route Groups](route-groups.md): @doc-version: 16.0.4
- [Route Handlers](route-handlers.md): @doc-version: 16.0.4
- [Route Segment Config](route-segment-config.md): @doc-version: 16.0.4
- [route.js](route.md): @doc-version: 16.0.4
- [Routing](routing.md): The Pages Router has a file-system based router built on concepts of pages. When a file is added to the`pages`direc...
- [Rspack Integration](rspack.md): @doc-version: 16.0.4
- [How to use Sass](sass.md): @doc-version: 16.0.4
- [sassOptions](sassoptions.md): @doc-version: 16.0.4
- [Script Component](script.md): @doc-version: 16.0.4
- [How to load and optimize scripts](scripts.md): @doc-version: 16.0.4
- [How to self-host your Next.js application](self-hosting.md): @doc-version: 16.0.4
- [Server and Client Components](server-and-client-components.md): @doc-version: 16.0.4
- [Server-side Rendering (SSR)](server-side-rendering.md): Also referred to as "SSR" or "Dynamic Rendering".
- [serverActions](serveractions.md): @doc-version: 16.0.4
- [serverComponentsHmrCache](servercomponentshmrcache.md): @doc-version: 16.0.4
- [serverExternalPackages](serverexternalpackages.md): @doc-version: 16.0.4
- [How to build single-page applications with Next.js](single-page-applications.md): @doc-version: 16.0.4
- [sitemap.xml](sitemap.md): @doc-version: 16.0.4
- [src Folder](src-folder.md): @doc-version: 16.0.4
- [staleTimes](staletimes.md): @doc-version: 16.0.4
- [How to create a static export of your Next.js application](static-exports.md): @doc-version: 16.0.4
- [Static Site Generation (SSG)](static-site-generation.md): * [Agility CMS Example](https://github.com/vercel/next.js/tree/canary/examples/cms-agilitycms) ([Demo](https://next-b...
- [staticGeneration*](staticgeneration.md): @doc-version: 16.0.4
- [Supported Browsers](supported-browsers.md): @doc-version: 16.0.4
- [How to install Tailwind CSS v3 in your Next.js application](tailwind-v3-css.md): @doc-version: 16.0.4
- [taint](taint.md): @doc-version: 16.0.4
- [template.js](template.md): @doc-version: 16.0.4
- [Testing](testing.md): @doc-version: 16.0.4
- [How to optimize third-party libraries](third-party-libraries.md): @doc-version: 16.0.4
- [trailingSlash](trailingslash.md): @doc-version: 16.0.4
- [transpilePackages](transpilepackages.md): @doc-version: 16.0.4
- [turbopack](turbopack.md): @doc-version: 16.0.4
- [Turbopack FileSystem Caching](turbopackfilesystemcache.md): @doc-version: 16.0.4
- [typedRoutes](typedroutes.md): @doc-version: 16.0.4
- [typescript](typescript.md): @doc-version: 16.0.4
- [unauthorized.js](unauthorized.md): @doc-version: 16.0.4
- [unstable_cache](unstable-cache.md): @doc-version: 16.0.4
- [unstable_noStore](unstable-nostore.md): @doc-version: 16.0.4
- [unstable_rethrow](unstable-rethrow.md): @doc-version: 16.0.4
- [updateTag](updatetag.md): @doc-version: 16.0.4
- [Updating Data](updating-data.md): @doc-version: 16.0.4
- [Upgrading](upgrading.md): @doc-version: 16.0.4
- [urlImports](urlimports.md): @doc-version: 16.0.4
- [use cache: private](use-cache-private.md): @doc-version: 16.0.4
- [use cache: remote](use-cache-remote.md): @doc-version: 16.0.4
- [use cache](use-cache.md): @doc-version: 16.0.4
- [use client](use-client.md): @doc-version: 16.0.4
- [useLinkStatus](use-link-status.md): @doc-version: 16.0.4
- [useParams](use-params.md): @doc-version: 16.0.4
- [usePathname](use-pathname.md): @doc-version: 16.0.4
- [Use Report Web Vitals](use-report-web-vitals.md): @doc-version: 16.0.4
- [useRouter](use-router.md): @doc-version: 16.0.4
- [useSearchParams](use-search-params.md): @doc-version: 16.0.4
- [useSelectedLayoutSegment](use-selected-layout-segment.md): @doc-version: 16.0.4
- [useSelectedLayoutSegments](use-selected-layout-segments.md): @doc-version: 16.0.4
- [use server](use-server.md): @doc-version: 16.0.4
- [useLightningcss](uselightningcss.md): @doc-version: 16.0.4
- [userAgent](useragent.md): @doc-version: 16.0.4
- [How to upgrade to version 10](version-10.md): There were no breaking changes between versions 9 and 10.
- [How to upgrade to version 11](version-11.md): To upgrade to version 11, run the following command:
- [How to upgrade to version 12](version-12.md): To upgrade to version 12, run the following command:
- [How to upgrade to version 13](version-13.md): To update to Next.js version 13, run the following command using your preferred package manager:
- [How to upgrade to version 14](version-14.md): @doc-version: 16.0.4
- [How to upgrade to version 15](version-15.md): @doc-version: 16.0.4
- [How to upgrade to version 16](version-16.md): @doc-version: 16.0.4
- [How to upgrade to version 9](version-9.md): To upgrade to version 9, run the following command:
- [How to use and optimize videos](videos.md): @doc-version: 16.0.4
- [viewTransition](viewtransition.md): @doc-version: 16.0.4
- [How to set up Vitest with Next.js](vitest.md): @doc-version: 16.0.4
- [webVitalsAttribution](webvitalsattribution.md): @doc-version: 16.0.4
- [Custom Webpack Config](webpack.md): @doc-version: 16.0.4