![](/_astro/e637ca9cc7f8c117e852023a66505d728cf3ac75-86x87_d4QCS.svg) # Next.js on Netlify [Request demo](/contact?attr=cta-next-hero)[Get started with a template](#templates) ### Leading web teams run Next.js on Netlify - ![Sennheiser](https://cdn.sanity.io/images/o0o2tn5x/marketing/64e2c93cdcc6421b0e14f8fe13fe21093d0e03fe-3984x540.png?auto=format) - ![Navan](https://cdn.sanity.io/images/o0o2tn5x/marketing/dc5de42aa955df094081619ad145949134528ed5-120x27.svg?auto=format) - ![Gemini](https://cdn.sanity.io/images/o0o2tn5x/marketing/fdfe781527e6e4cede0c63e93e0e6f3edd81d2a4-150x32.svg?auto=format) - ![UW Health](https://cdn.sanity.io/images/o0o2tn5x/marketing/2415bf7522831f59b92c78fe95a44cccf648af6b-500x82.svg?auto=format) - ![Bejamas](https://cdn.sanity.io/images/o0o2tn5x/marketing/f1cd28e466fbeeaaf01c2e9b154225101e4e7f14-1823x289.svg?auto=format) - ![Docusign](https://cdn.sanity.io/images/o0o2tn5x/marketing/f72431884fcf944a17c42b6eac115cfa04dc6e49-1200x241.svg?auto=format) - ![DevClass](https://cdn.sanity.io/images/o0o2tn5x/marketing/fd2a0abca635e30b8577b4e073976316f1a5125a-1901x607.png?auto=format) - ![Asana](https://cdn.sanity.io/images/o0o2tn5x/marketing/cf1b385b25e6175a71ca6880e95dd67aff156280-1000x199.svg?auto=format) - ![Rapha](https://cdn.sanity.io/images/o0o2tn5x/marketing/9976a76ed6116802b99384d4ecc665534f82e6cf-1200x551.png?auto=format) - ![Mammut](https://cdn.sanity.io/images/o0o2tn5x/marketing/a0b089cda9284482a2a0e140b74986a2afde4c47-149x19.svg?auto=format) - ![Sennheiser](https://cdn.sanity.io/images/o0o2tn5x/marketing/64e2c93cdcc6421b0e14f8fe13fe21093d0e03fe-3984x540.png?auto=format) - ![Navan](https://cdn.sanity.io/images/o0o2tn5x/marketing/dc5de42aa955df094081619ad145949134528ed5-120x27.svg?auto=format) - ![Gemini](https://cdn.sanity.io/images/o0o2tn5x/marketing/fdfe781527e6e4cede0c63e93e0e6f3edd81d2a4-150x32.svg?auto=format) - ![UW Health](https://cdn.sanity.io/images/o0o2tn5x/marketing/2415bf7522831f59b92c78fe95a44cccf648af6b-500x82.svg?auto=format) - ![Bejamas](https://cdn.sanity.io/images/o0o2tn5x/marketing/f1cd28e466fbeeaaf01c2e9b154225101e4e7f14-1823x289.svg?auto=format) - ![Docusign](https://cdn.sanity.io/images/o0o2tn5x/marketing/f72431884fcf944a17c42b6eac115cfa04dc6e49-1200x241.svg?auto=format) - ![DevClass](https://cdn.sanity.io/images/o0o2tn5x/marketing/fd2a0abca635e30b8577b4e073976316f1a5125a-1901x607.png?auto=format) - ![Asana](https://cdn.sanity.io/images/o0o2tn5x/marketing/cf1b385b25e6175a71ca6880e95dd67aff156280-1000x199.svg?auto=format) - ![Rapha](https://cdn.sanity.io/images/o0o2tn5x/marketing/9976a76ed6116802b99384d4ecc665534f82e6cf-1200x551.png?auto=format) - ![Mammut](https://cdn.sanity.io/images/o0o2tn5x/marketing/a0b089cda9284482a2a0e140b74986a2afde4c47-149x19.svg?auto=format) ## Deploy Next.js the better way Teams running Next.js projects on Netlify have access to The latest framework features + Netlify platform primitives Powerful tools for scaling high-impact experiences ### Built-in Next.js support Ship Next.js websites, ecommerce stores, and web apps with the platform built for the modern developer. ![](/images/next-runtime.png) Documentation ### Next.js runtime v5 Improved site reliability, performance, and ease of maintenance and deployment for Next.js projects. [Live demo](https://nextjs-platform-starter.netlify.app/) [Learn more](https://docs.netlify.com/frameworks/next-js/overview/) ![](/images/app-router.png) Documentation ### App Router Full support of newer App Router and classic Pages Router. Map each file to a route with a file-system router and unlock React’s latest features, such as [Server Components](https://legacy.reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html), [Streaming](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API), and [Server Actions and Mutations](https://react.dev/reference/rsc/use-server) on Netlify. [Live demo](https://nextjs-platform-starter.netlify.app/) [Learn more](https://docs.netlify.com/frameworks/next-js/overview/) ![](/images/time-based-ISR.png) Documentation ### On-demand and Time-based revalidation (ISR) Easily define component-specific revalidation strategies to build fresh, dynamic, interactive experiences. [Live demo](https://nextjs-platform-starter.netlify.app/revalidation) [Learn more](https://docs.netlify.com/platform/caching/) Documentation ### Cache tags Easily assign content tags to invalidate, purge, and control content effortlessly. [Live demo](https://cache-tags-and-purge-api.netlify.app/cache-tag) [Learn more](https://docs.netlify.com/platform/caching/#add-cache-tags) Documentation ### End-to-end framework testing Comprehensive end-to-end (E2E) testing ensures full compatibility with the latest framework features and enhancements. [Live demo](https://nextjs-platform-starter.netlify.app/) [Learn more](https://docs.netlify.com/frameworks/next-js/overview/) ### Looking for a feature? If you’d like to know about Next.js support for a feature not listed here, browse our docs or reach out for a demo. We’d love to show you around. [Request demo](/contact/sales/?attr=cta-next-looking-for-a-feature-request-demo) [Browse the docs](https://docs.netlify.com/frameworks/next-js/overview/) ### Get more from your framework with platform primitives Unlock advanced functionality and controls for dynamic websites with our framework-agnostic runtime features. Blog September 28, 2023 ### Fine-grained cache control Precise control over CDN content, ensuring that updates are deployed efficiently and serving dynamic content stays in alignment with customers’ needs and business strategies. [Live demo](https://netlify-edge-cache-demo.netlify.app/) [Learn more](https://www.netlify.com/blog/swr-and-fine-grained-cache-control/) Blog April 30, 2024 ### Image CDN Go beyond basic image handling, with advanced image manipulation across any framework, ensuring optimal performance and user experience. [Live demo](https://nextjs-platform-starter.netlify.app/image-cdn) [Learn more](https://www.netlify.com/blog/netlify-image-cdn-seamlessly-resize-crop-and-deliver-optimized-media-globally/) Documentation ### Blobs Gain streamlined access to unstructured data storage, enhancing functionality like cross-device cart syncing in e-commerce applications and more. [Live demo](https://nextjs-platform-starter.netlify.app/blobs) [Learn more](https://docs.netlify.com/blobs/overview/) ### Want to see more? There’s lots to explore with the Netlify platform. Let us show you around. [Request demo](/contact?attr=cta-next-want-to-see-more) [See the primitives guide](https://docs.netlify.com/platform/primitives/) One-click starters ## Try it for yourself Pick a high-performing Next.js template that meets your needs and get started in one click. ### Netlify platform showcase These hand-picked Next.js templates showcase the power of the Netlify platform. ![](/_astro/e9b32523327424712f0fac279c77dbbff9629f18-1671x945_Z1FM0p6.webp) [ ### Next.js Platform Starter ](https://github.com/netlify-templates/next-platform-starter)[](https://github.com/netlify-templates/next-platform-starter) On-demand revalidation, image optimization, edge routing, blobs and more. Powered by our platform primitives. [Deploy to Netlify](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/next-platform-starter) [View Demo](https://nextjs-platform-starter.netlify.app/) [See more templates](https://app.netlify.com/start-with-template) Built on Netlify ## See what others have built with 
Next.js on Netlify ![](/images/docusign-card-featured-image (1).png) Case Study ### DocuSign Empowers Dev Teams with Netlify and Next.js With the goal of accelerating time-to-market and providing a better developer experience, the DocuSign development team re-architected their marketing site with Next.js and Netlify. [Learn more](/blog/docusign-drupal-migration/) ![](/images/uw-health-card-featured-image.png) Case Study ### How UW Health Serves Dynamic Data on their Jamstack Site with Netlify and Next.js UW Health leveraged Netlify redirects and many other platform features to mitigate risks with an incremental migration from their previous stack. [Learn more](/blog/2021/09/20/how-uw-health-serves-dynamic-data-on-their-jamstack-site-with-netlify-and-next.js/) ![](/images/senheiser-featured-image.png) Case Study ### Sennheiser’s Large-Scale Migration to Composable Commerce With the help of agency AKQA and a composable design system built with Netlify and headless Shopify, Sennheiser were able to build their minimum viable product in only 11 weeks. [Learn more](/blog/sennheisers-large-scale-migration-to-headless-commerce/) > We selected Next.js on Netlify for our customer Spirent, a multinational telecommunications testing company. The customer is impressed by the ease in their web team’s workflow and the overall better site performance for their visitors. ![](/_astro/f4c19dc359acfdcf2e4d44128c635a1f90256c99-164x164_y1pUu.webp) Yashar Rassoulli Former CTO, Orium ![Orium logo](/_astro/5e1cca89c8f65fa05dc004633911d1a3ee30ec51-228x59_Z2aQ7r4.svg) ### Ready to try Next.js on Netlify? [Request demo](/contact?attr=cta-next-ready-to-try)