Getting Started with Next.js and Vercel
Create a Next.js app and deploy it with Vercel.
Next.js is a framework, created by Vercel, for creating production-ready and lightning fast React apps with a lot of handy features built-in.
In this guide, you will learn how to create and deploy a Next.js app with Vercel.
Step 1: Set Up Your Next.js Project
The first step in setting up your new Next.js project is to generate it with create-next-app
:
npm init next-app my-next-app && cd my-next-app
Step 2: Deploying Your Next.js Project with Vercel
To deploy your Next.js app with a Vercel for Git, make sure it has been pushed to a Git repository.
Import the project into Vercel using your Git of choice:
After your project has been imported, all subsequent pushes to branches will generate Preview Deployments, and all changes made to the Production Branch (commonly "main") will result in a Production Deployment.
Once deployed, you will get a URL to see your app live, such as the following: https://nextjs.now-examples.now.sh
Set up a Next.js app with a few clicks using the Deploy button, and create a Git repository for it in the process for automatic deployments for your updates.