rembThis page is also available as Markdown at /docs/app/guides.md. For an index of all documentation, see /docs/llms.txt.
Guides
Last updated April 10, 2026
[
AI Coding Agents
Learn how to configure your Next.js project so AI coding agents use up-to-date documentation instead of outdated training data.
](/docs/app/guides/ai-agents)[
Analytics
Measure and track page performance using Next.js Speed Insights
](/docs/app/guides/analytics)[
Authentication
Learn how to implement authentication in your Next.js application.
](/docs/app/guides/authentication)[
Backend for Frontend
Learn how to use Next.js as a backend framework
](/docs/app/guides/backend-for-frontend)[
Caching (Previous Model)
Learn how to cache and revalidate data using fetch options, unstable_cache, and route segment configs for projects not using Cache Components.
](/docs/app/guides/caching-without-cache-components)[
CDN Caching
Learn how CDN caching works with Next.js, including what works today, cache variability, and the direction toward pathname-based cache keying.
](/docs/app/guides/cdn-caching)[
CI Build Caching
Learn how to configure CI to cache Next.js builds
](/docs/app/guides/ci-build-caching)[
Content Security Policy
Learn how to set a Content Security Policy (CSP) for your Next.js application.
](/docs/app/guides/content-security-policy)[
CSS-in-JS
Use CSS-in-JS libraries with Next.js
](/docs/app/guides/css-in-js)[
Custom Server
Start a Next.js app programmatically using a custom server.
](/docs/app/guides/custom-server)[
Data Security
Learn the built-in data security features in Next.js and learn best practices for protecting your application's data.
](/docs/app/guides/data-security)[
Debugging
Learn how to debug your Next.js application with VS Code, Chrome DevTools, or Firefox DevTools.
](/docs/app/guides/debugging)[
Deploying to Platforms
Understand which Next.js features require specific platform capabilities and how to choose the right deployment target.
](/docs/app/guides/deploying-to-platforms)[
Draft Mode
Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with App Router here.
](/docs/app/guides/draft-mode)[
Environment Variables
Learn to add and access environment variables in your Next.js application.
](/docs/app/guides/environment-variables)[
Forms
Learn how to create forms in Next.js with React Server Actions.
](/docs/app/guides/forms)[
How Revalidation Works
A deep dive into how Next.js revalidates cached content, including the tag system, cache consistency, and multi-instance coordination.
](/docs/app/guides/how-revalidation-works)[
ISR
Learn how to create or update static pages at runtime with Incremental Static Regeneration.
](/docs/app/guides/incremental-static-regeneration)[
Instrumentation
Learn how to use instrumentation to run code at server startup in your Next.js app
](/docs/app/guides/instrumentation)[
Internationalization
Add support for multiple languages with internationalized routing and localized content.
](/docs/app/guides/internationalization)[
JSON-LD
Learn how to add JSON-LD to your Next.js application to describe your content to search engines and AI.
](/docs/app/guides/json-ld)[
Lazy Loading
Lazy load imported libraries and React Components to improve your application's loading performance.
](/docs/app/guides/lazy-loading)[
Development Environment
Learn how to optimize your local development environment with Next.js.
](/docs/app/guides/local-development)[
Next.js MCP Server
Learn how to use Next.js MCP support to allow coding agents access to your application state
](/docs/app/guides/mcp)[
MDX
Learn how to configure MDX and use it in your Next.js apps.
](/docs/app/guides/mdx)[
Memory Usage
Optimize memory used by your application in development and production.
](/docs/app/guides/memory-usage)[
Migrating
Learn how to migrate from popular frameworks to Next.js
](/docs/app/guides/migrating)[
Migrating to Cache Components
Learn how to migrate from route segment configs to Cache Components in Next.js.
](/docs/app/guides/migrating-to-cache-components)[
Multi-tenant
Learn how to build multi-tenant apps with the App Router.
](/docs/app/guides/multi-tenant)[
Multi-zones
Learn how to build micro-frontends using Next.js Multi-Zones to deploy multiple Next.js apps under a single domain.
](/docs/app/guides/multi-zones)[
OpenTelemetry
Learn how to instrument your Next.js app with OpenTelemetry.
](/docs/app/guides/open-telemetry)[
Package Bundling
Learn how to analyze and optimize your application's server and client bundles with the Next.js Bundle Analyzer for Turbopack, and the `@next/bundle-analyzer` plugin for Webpack.
](/docs/app/guides/package-bundling)[
PPR Platform Guide
A guide for platform engineers on implementing PPR support, from basic origin rendering to optimized CDN integration.
](/docs/app/guides/ppr-platform-guide)[
Prefetching
Learn how to configure prefetching in Next.js
](/docs/app/guides/prefetching)[
Preserving UI state
Learn how to control which UI state is preserved and which resets when navigating between pages.
](/docs/app/guides/preserving-ui-state)[
Production
Recommendations to ensure the best performance and user experience before taking your Next.js application to production.
](/docs/app/guides/production-checklist)[
PWAs
Learn how to build a Progressive Web Application (PWA) with Next.js.
](/docs/app/guides/progressive-web-apps)[
Public pages
Learn how to build public, "static" pages that share data across users, such as landing pages, list pages (products, blogs, etc.), marketing and news sites.
](/docs/app/guides/public-static-pages)[
Redirecting
Learn the different ways to handle redirects in Next.js.
](/docs/app/guides/redirecting)[
Rendering Philosophy
Learn how Next.js treats static and dynamic rendering as a spectrum at the component level, and what this means for deployment.
](/docs/app/guides/rendering-philosophy)[
Sass
Style your Next.js application using Sass.
](/docs/app/guides/sass)[
Scripts
Optimize 3rd party scripts with the built-in Script component.
](/docs/app/guides/scripts)[
Self-Hosting
Learn how to self-host your Next.js application on a Node.js server, Docker image, or static HTML files (static exports).
](/docs/app/guides/self-hosting)[
SPAs
Next.js fully supports building Single-Page Applications (SPAs).
](/docs/app/guides/single-page-applications)[
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.
](/docs/app/guides/static-exports)[
Streaming
Learn how streaming works in Next.js and how to use it to progressively render UI as data becomes available.
](/docs/app/guides/streaming)[
Tailwind CSS v3
Style your Next.js Application using Tailwind CSS v3 for broader browser support.
](/docs/app/guides/tailwind-v3-css)[
Testing
Learn how to set up Next.js with four commonly used testing tools — Cypress, Playwright, Vitest, and Jest.
](/docs/app/guides/testing)[
Third Party Libraries
Optimize the performance of third-party libraries in your application with the `@next/third-parties` package.
](/docs/app/guides/third-party-libraries)[
Upgrading
Learn how to upgrade to the latest versions of Next.js.
](/docs/app/guides/upgrading)[
Videos
Recommendations and best practices for optimizing videos in your Next.js application.
](/docs/app/guides/videos)[
View transitions
Learn how to use view transitions to communicate meaning during navigation, loading, and content changes in a Next.js app.
](/docs/app/guides/view-transitions)
Was this helpful?