# Cross-link map: Next.js on Vercel (/docs/frameworks/full-stack/nextjs)

> From the Vercel docs graph (built 2026-09-21T05:26:59.511Z), spanning vercel.com docs + KB, nextjs.org, ai-sdk.dev, and other Vercel documentation sites. Full graph as JSON: https://vercel.com/docs/graph.json

## Semantically closest pages

- [OG Image Generation Examples](https://vercel.com/docs/og-image-generation/examples?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=semantic) — Learn how to use the @vercel/og library with examples.
- [Open Graph \\(OG\\) Image Generation](https://vercel.com/docs/og-image-generation?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=semantic) — Learn how to optimize social media image generation through the Open Graph Protocol and @vercel/og library.
- [Nuxt on Vercel](https://vercel.com/docs/frameworks/full-stack/nuxt?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=semantic) — Deploy Nuxt applications to Vercel and configure rendering, functions, middleware, routing, image optimization, and cach
- [SvelteKit on Vercel](https://vercel.com/docs/frameworks/full-stack/sveltekit?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=semantic) — Deploy SvelteKit applications to Vercel and configure the adapter, rendering, streaming, ISR, analytics, and Routing Mid
- [React Router on Vercel](https://vercel.com/docs/frameworks/frontend/react-router?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=semantic) — Deploy React Router applications with SSR or SPA mode, then configure the Vercel preset, streaming, caching, and analyti

## This page links to (36)

- [cacheComponents](https://nextjs.org/docs/app/api-reference/config/next-config-js/cacheComponents?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to enable the cacheComponents flag in Next.js.
- [use cache](https://nextjs.org/docs/app/api-reference/directives/use-cache?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to use the "use cache" directive to cache data in your Next.js application.
- [loading.js](https://nextjs.org/docs/app/api-reference/file-conventions/loading?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — API reference for the loading.js file.
- [route.js](https://nextjs.org/docs/app/api-reference/file-conventions/route?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — API reference for the route.js special file.
- [Caching](https://nextjs.org/docs/app/getting-started/caching?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to cache data and UI in Next.js
- [Font Optimization](https://nextjs.org/docs/app/getting-started/fonts?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to optimize fonts in Next.js
- [How to add analytics to your Next.js application](https://nextjs.org/docs/app/guides/analytics?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Measure and track page performance using Next.js Speed Insights
- [Custom App](https://nextjs.org/docs/pages/building-your-application/routing/custom-app?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Control page initialization and add a layout that persists for all pages by overriding the default App component used by
- [Account Management](https://vercel.com/docs/accounts?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to manage your Vercel account and team members.
- [Vercel Web Analytics](https://vercel.com/docs/analytics?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — With Web Analytics, you can get detailed insights into your website's visitors with new metrics like top pages, top refe
- [Vercel CDN Cache](https://vercel.com/docs/caching/cdn-cache?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how Vercel's CDN cache stores your content across a global network to reduce latency and origin load.
- [Vercel CDN overview](https://vercel.com/docs/cdn?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Vercel's CDN is a globally distributed platform that handles routing, caching, security, and compression for every deplo
- [Vercel CLI Overview](https://vercel.com/docs/cli?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to use the Vercel command-line interface \\(CLI\\) to manage and configure your Vercel Projects from the command
- [Deploying Projects from Vercel CLI](https://vercel.com/docs/cli/deploying-from-cli?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to deploy your Vercel Projects from Vercel CLI using the vercel or vercel deploy commands.
- [Enabling and Disabling Comments](https://vercel.com/docs/comments/how-comments-work?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn when and where Comments are available, and how to enable and disable Comments at the account, project, and session
- [Environments](https://vercel.com/docs/deployments/environments?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Environments are for developing locally, testing changes in a pre-production environment, and serving end-users in produ
- [Draft Mode](https://vercel.com/docs/draft-mode?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Vercel's Draft Mode enables you to view your unpublished headless CMS content on your site before publishing it.
- [Frameworks on Vercel](https://vercel.com/docs/frameworks?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Vercel supports a wide range of the most popular frameworks, optimizing how your application builds and runs no matter w
- [Vercel Functions](https://vercel.com/docs/functions?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Build API routes, webhooks, and agent request handlers with Vercel Functions, then test and debug them with Vercel CLI.
- [Streaming](https://vercel.com/docs/functions/streaming-functions?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to stream responses from Vercel Functions.
- [Image Optimization with Vercel](https://vercel.com/docs/image-optimization?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Transform and optimize images to improve page load performance.
- [Incremental Static Regeneration \\(ISR\\)](https://vercel.com/docs/incremental-static-regeneration?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — ISR serves cached static pages while regenerating content in the background. Vercel\\\\
- [Open Graph \\(OG\\) Image Generation](https://vercel.com/docs/og-image-generation?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to optimize social media image generation through the Open Graph Protocol and @vercel/og library.
- [Vercel for Platforms](https://vercel.com/docs/platforms?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Build platforms where agents and users deploy apps with isolated projects or shared multi-tenant deployments.
- [Routing Middleware](https://vercel.com/docs/routing-middleware?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how you can use Routing Middleware, code that executes before a request is processed on a site, to provide speed a
- [Routing Middleware API](https://vercel.com/docs/routing-middleware/api?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how you can use Routing Middleware, code that executes before a request is processed on a site, to provide speed a
- [Speed Insights Overview](https://vercel.com/docs/speed-insights?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — This page lists out and explains all the performance metrics provided by Vercel's Speed Insights feature.
- [Speed Insights Metrics](https://vercel.com/docs/speed-insights/metrics?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn what each performance metric on Speed Insights means and how the scores are calculated.
- [Add the Vercel Toolbar to your local environment](https://vercel.com/docs/vercel-toolbar/in-production-and-localhost/add-to-localhost?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to use the Vercel Toolbar in your local environment.
- [Add the Vercel Toolbar to your production environment](https://vercel.com/docs/vercel-toolbar/in-production-and-localhost/add-to-production?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to add the Vercel Toolbar to your production environment and how your team members can use tooling to access t
- [Add Auth to a Next.js Site with Magic.link](https://vercel.com/kb/guide/add-auth-to-nextjs-with-magic?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn how to add user authentication to a Next.js site using Magic.link.
- [Getting started with Next.js, TypeScript, and Stripe Checkout](https://vercel.com/kb/guide/getting-started-with-nextjs-typescript-stripe?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Add payments functionality to your Next.js applications with Stripe and deploy to Vercel.
- [How do I generate a “sitemap.xml” for my Next.js app on Vercel?](https://vercel.com/kb/guide/how-do-i-generate-a-sitemap-for-my-nextjs-app-on-vercel?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Guidance on how to generate a "sitemap.xml" at build time and runtime.
- [Integrating Next.js and Contentful for your Headless CMS](https://vercel.com/kb/guide/integrating-next-js-and-contentful-for-your-headless-cms?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Next.js with Contentful gives you the power to quickly build scalable dynamic static websites with improved search engin
- [Build a fullstack app with Next.js 16 and Prisma Postgres](https://vercel.com/kb/guide/nextjs-prisma-postgres?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Create a fullstack blog with the Next.js App Router, Prisma, Sign in with Vercel, Prisma Postgres from the Vercel Market
- [Using a Headless CMS with Vercel](https://vercel.com/kb/guide/using-a-headless-cms-with-vercel?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=outbound) — Learn best practices for using databases in a serverless environment with Vercel

## Pages that link here (21)

By site: nextjs (2) · vercel-kb (9) · vercel-web (1) · vercel-docs (9)

### From nextjs

- [Deploying](https://nextjs.org/docs/app/getting-started/deploying?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Learn how to deploy your Next.js application.
- [How to deploy your Next.js application](https://nextjs.org/docs/pages/getting-started/deploying?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Learn how to deploy your Next.js application.

### From vercel-kb

- [How do I reduce my build time with Next.js on Vercel?](https://vercel.com/kb/guide/how-do-i-reduce-my-build-time-with-next-js-on-vercel?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Reduce Next.js build times on Vercel by pre-rendering fewer pages at build time, deferring generation with ISR and image
- [Migrate a Next.js app from Webflow Cloud to Vercel](https://vercel.com/kb/guide/migrate-a-next-js-app-from-webflow-cloud-to-vercel?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Move your Next.js app from Webflow Cloud to Vercel: remove the OpenNext Cloudflare adapter, drop the base path, map stor
- [Next.js on Vercel vs Cloudflare](https://vercel.com/kb/guide/next-js-on-vercel-vs-cloudflare?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Compare running Next.js on Vercel Functions with Fluid compute against Cloudflare Workers with the OpenNext Cloudflare a
- [Next.js on Vercel vs Webflow Cloud](https://vercel.com/kb/guide/next-js-on-vercel-vs-webflow-cloud?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Compare running Next.js on Vercel Functions with Fluid compute against Webflow Cloud on Cloudflare Workers. Learn how Ne
- [Next.js on Vercel vs Netlify](https://vercel.com/kb/guide/nextjs-on-vercel-vs-netlify?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Compare running Next.js on Vercel Functions with Fluid compute against Netlify Functions and the OpenNext adapter. Learn
- [Vercel vs Akamai](https://vercel.com/kb/guide/vercel-vs-akamai?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — A detailed guide to Vercel vs Akamai: compute models, AI infrastructure, framework support, media streaming, CDN capabil
- [Vercel vs Netlify](https://vercel.com/kb/guide/vercel-vs-netlify?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — A detailed guide to Vercel vs Netlify: runtimes, compute architecture, AI infrastructure, security, and when to choose e
- [Vercel vs Render](https://vercel.com/kb/guide/vercel-vs-render?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — A detailed guide to Vercel vs Render: compute models, AI infrastructure, Docker and container image support, background
- [Vercel vs Webflow Cloud](https://vercel.com/kb/guide/vercel-vs-webflow-cloud?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Compare Vercel and Webflow Cloud for deploying Next.js and Astro apps, including runtime, framework support, storage, pr

### From vercel-web

- [Next.js 16.3 support on Vercel](https://vercel.com/blog/vercel-supports-next-js-16-3?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound)

### From vercel-docs

- [Data Cache for Next.js](https://vercel.com/docs/caching/runtime-cache/data-cache?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Vercel Data Cache is a specialized cache that stores responses from data fetches in Next.js App Router
- [vercel dev](https://vercel.com/docs/cli/dev?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Learn how to replicate the Vercel deployment environment locally and test your Vercel Project before deploying using the
- [Draft Mode](https://vercel.com/docs/draft-mode?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Vercel's Draft Mode enables you to view your unpublished headless CMS content on your site before publishing it.
- [Getting Started with Vercel Flags](https://vercel.com/docs/flags/vercel-flags/quickstart?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Create your first feature flag and evaluate it in your application using the Flags SDK, OpenFeature, or the core library
- [Supported Frameworks on Vercel](https://vercel.com/docs/frameworks/more-frameworks?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Learn about the frameworks that can be deployed to Vercel.
- [Runtimes](https://vercel.com/docs/functions/runtimes?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Runtimes transform your source code into Functions, which are served by our CDN. Learn about the official runtimes suppo
- [CDN pricing and usage](https://vercel.com/docs/manage-cdn-usage?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Understand CDN pricing resources, monitor usage from your dashboard, and optimize Fast Data Transfer, Fast Origin Transf
- [Partial Prerendering \\(PPR\\)](https://vercel.com/docs/partial-prerendering?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — Partial Prerendering serves a cached static shell instantly, then renders and streams the dynamic parts of a page per re
- [Projects overview](https://vercel.com/docs/projects?from=graph&source_path=%2Fdocs%2Fframeworks%2Ffull-stack%2Fnextjs&source_site=vercel-docs&relationship=inbound) — A project is where you deploy and operate frontend apps, APIs, backends, containers, and agent workloads on Vercel.