Skip to content

How to Deploy a Next.js Site with Vercel

Create your Next.js app and deploy it with Vercel.

This guide will show you how to deploy a Next.js site and get your domain set up.

Next.js is the React framework created by Vercel. There are multiple ways to build a React site, including:

Vercel enables you to develop, preview, and ship every Next.js feature, without configuration, to the best frontend infrastructure.

  • Develop: Build Next.js sites that connect to your favorite APIs, databases, and content management systems.
  • Preview: Integrate with any GitHub, GitLab, or Bitbucket repository for instant continuous deployment.
  • Ship: Deploy your site to every edge node worldwide for the fastest Next.js sites. Static files, Serverless and Edge Functions, and more.
  • Monitor: Measure Core Web Vitals from actual devices your visitors are using with Vercel Analytics for Next.js.

Vercel has integrations for GitHub, GitLab, and Bitbucket to enable CI/CD for your Next.js site with zero configuration. Then, you can run automated tests for performance and reliability on every push. Pull and merge requests are deployed instantly to a unique URL, accessible to your entire team.

After deploying, your new Next.js site will automatically be assigned a .vercel.app suffixed domain. You can then add a Custom Domain on your choice, either from a third-party or purchased through Vercel.

  1. Install the Vercel CLI and run vercel to deploy.
  2. Vercel will detect that you are using Next.js and will enable the correct settings for your deployment.
  3. Your application is deployed! (e.g. nextjs.vercel.app)
  1. Push your code to your git repository (GitHub, GitLab, BitBucket).
  2. Import your Next.js project into Vercel.
  3. Vercel will detect that you are using Next.js and will enable the correct settings for your deployment.
  4. Your application is deployed! (e.g. nextjs.vercel.app)


Written By
Written by leerobleerob