Explore the new Integrations Hub to quickly discover and connect 150+ integrations to Netlify! Explore Now!

Next.js on Netlify

The better runtime for Next.js

Connect, build, and run Next.js apps on the platform that extends what’s possible with the framework.

New

Transform content at the edge

Get complete access to modify responses and request headers. Achieve personalization and localization without SSR or heavy client-side JavaScript.

Next.js Middleware

Path matching, URL rewrites, redirects for incoming requests

Only on Netlify

Next.js Advanced Middleware

HTML rewrites, page data transforms, and full access to the response body

Watch the tutorial

Leading web teams run Next.js on Netlify

Docusign Asana Sennheiser TripActions Gemini UW Health Bejamas

Unrivaled support for Next.js with zero configuration

Netlify’s Next.js Runtime automatically installs everything you need to run your Next.js project.

Built-in support for Next.js

Netlify auto-detects Next.js and supports
  • Zero-configuration deployment
  • Middleware
  • API Routes including CORS, REST, and GraphQL
  • Edge API Routes and server-side rendering (SSR) with Edge Functions
  • Incremental Static Regeneration (ISR)
  • Live Preview Mode
  • React 18

On Netlify’s platform

The Netlify Difference
  • 24×7×365 support from dedicated solutions engineers*
  • Multi-cloud Edge network with 99.99% uptime SLA*
  • SOC 2 Type 2 and ISO 27001 certified*
  • Log Drains to export data to S3, Datadog, New Relic, Sumo Logic, Logflare or any HTTP endpoint*
  • A/B testing
  • Form handling
  • Serverless functions, edge functions, background functions, and scheduled functions (cron jobs)
  • Advanced CI/CD controls for build prioritization and locked deploys
  • NEW Next.js Advanced Middleware with HTML rewrites, page data transforms, and access to the response body
*Available on the Netlify Enterprise plan

Let’s deploy Next.js!

Pick a starter template

Want to deploy an existing project? Start here

Learn more about Next.js

Rewrite HTML and transform page props in Next.js with Next.js Advanced Middleware — only on Netlify

In this tutorial we use Next.js Advanced Middleware on Netlify to intercept a request to a statically pregenerated page in a new Next.js app, and rewrite the HTML response to change some text and page props based on geolocation data.

Introducing the better Next.js Runtime

A better runtime that extends Next.js

Intercept and rewrite the response of a Next.js statically generated page and transform page props at the edge with Next.js Advanced Middleware from Netlify.

Learn more
Netlify Logo plus Next JS logo

Deploy Next.js 12.2 on Netlify today

Start building with the latest version of Next.js. Take advantage of new features like Edge API Routes, Edge SSR, and improvements to next/image.

Learn more
Architecture diagram of two way data flowing from Client to Netlify Edge to your Existing stack

Migrating an existing Next.js site to Netlify

Migrating to a new web architecture can be a daunting task, especially if migrating off a monolith. However, this handy guide can turn that around!

Read the post
See even more Next.js articles
Yashar Rassoulli

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.

— Yashar Rassoulli, CTO of Myplanet

Ready to try Next.js on Netlify?

Deploy a starter project to see how it works. When you’re ready to migrate a production site, let us know!