Guides
Data Fetching
- Using the
fetchAPI - Using an ORM or database client
- Reading search params on the server
- Reading search params on the client
Revalidating Data
Forms
- Showing a pending state while submitting a form
- Server-side form validation
- Handling expected errors
- Handling unexpected exceptions
- Showing optimistic UI updates
- Programmatic form submission
Server Actions
Metadata
- Creating an RSS feed
- Creating an Open Graph image
- Creating a sitemap
- Creating a robots.txt file
- Creating a custom 404 page
- Creating a custom 500 page
Auth
- Creating a sign-up form
- Stateless, cookie-based session management
- Stateful, database-backed session management
- Managing authorization
Testing
Deployment
Analytics
Measure and track page performance using Next.js Speed Insights
Authentication
Learn how to implement authentication in your Next.js application.
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.
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.
Instrumentation
Learn how to use instrumentation to run code at server startup in your Next.js app
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.
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 optimize your application's server and client bundles.
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.
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.
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.
Was this helpful?