Skip to content
dev-docs

Guides

Source URL: https://nextjs.org/docs/app/guides

Guides

Section titled “Guides”
  • 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.
  • Analytics
    • Measure and track page performance using Next.js Speed Insights
  • Authentication
    • Learn how to implement authentication in your Next.js application.
  • Backend for Frontend
    • Learn how to use Next.js as a backend framework
  • Caching
    • An overview of caching mechanisms in Next.js.
  • CI Build Caching
    • Learn how to configure CI to cache Next.js builds
  • Content Security Policy
    • Learn how to set a Content Security Policy (CSP) for your Next.js application.
  • CSS-in-JS
    • Use CSS-in-JS libraries with Next.js
  • Custom Server
    • Start a Next.js app programmatically using a custom server.
  • Data Security
    • Learn the built-in data security features in Next.js and learn best practices for protecting your application’s data.
  • Debugging
    • Learn how to debug your Next.js application with VS Code, Chrome DevTools, or Firefox DevTools.
  • Draft Mode
    • Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with App Router here.
  • Environment Variables
    • Learn to add and access environment variables in your Next.js application.
  • Forms
    • Learn how to create forms in Next.js with React Server Actions.
  • ISR
    • Learn how to create or update static pages at runtime with Incremental Static Regeneration.
  • Instrumentation
    • Learn how to use instrumentation to run code at server startup in your Next.js app
  • Internationalization
    • Add support for multiple languages with internationalized routing and localized content.
  • JSON-LD
    • Learn how to add JSON-LD to your Next.js application to describe your content to search engines and AI.
  • Lazy Loading
    • Lazy load imported libraries and React Components to improve your application’s loading performance.
  • Development Environment
    • Learn how to optimize your local development environment with Next.js.
  • Next.js MCP Server
    • Learn how to use Next.js MCP support to allow coding agents access to your application state
  • MDX
    • Learn how to configure MDX and use it in your Next.js apps.
  • Memory Usage
    • Optimize memory used by your application in development and production.
  • Migrating
    • Learn how to migrate from popular frameworks to Next.js
  • Multi-tenant
    • Learn how to build multi-tenant apps with the App Router.
  • Multi-zones
    • Learn how to build micro-frontends using Next.js Multi-Zones to deploy multiple Next.js apps under a single domain.
  • OpenTelemetry
    • Learn how to instrument your Next.js app with OpenTelemetry.
  • 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.
  • Prefetching
    • Learn how to configure prefetching in Next.js
  • Production
    • Recommendations to ensure the best performance and user experience before taking your Next.js application to production.
  • PWAs
    • Learn how to build a Progressive Web Application (PWA) with Next.js.
  • 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.
  • Redirecting
    • Learn the different ways to handle redirects in Next.js.
  • Sass
    • Style your Next.js application using Sass.
  • Scripts
    • Optimize 3rd party scripts with the built-in Script component.
  • Self-Hosting
    • Learn how to self-host your Next.js application on a Node.js server, Docker image, or static HTML files (static exports).
  • SPAs
    • Next.js fully supports building Single-Page Applications (SPAs).
  • 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.
  • Tailwind CSS v3
    • Style your Next.js Application using Tailwind CSS v3 for broader browser support.
  • Testing
    • Learn how to set up Next.js with four commonly used testing tools — Cypress, Playwright, Vitest, and Jest.
  • Third Party Libraries
    • Optimize the performance of third-party libraries in your application with the @next/third-parties package.
  • Upgrading
    • Learn how to upgrade to the latest versions of Next.js.
  • Videos
    • Recommendations and best practices for optimizing videos in your Next.js application.