Getting Started with Next.js and ZEIT Now

Next.js is a framework, created by ZEIT, 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 ZEIT Now.

Create and deploy a new Next.js project with ZEIT Now without the setup using the button below.

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

Initializing a Next.js project with create-next-app and npm, the moving into the project directory.

Step 2: Deploying Your Next.js Project with ZEIT Now

With your Next.js app set up, it is ready to deploy with Now.

With your Next.js project created, it is time to deploy with ZEIT Now using only a single command.

If you have not yet installed Now, you can do so by installing Now CLI.

now

Deploying your project with the now command.

If you want to deploy your Next.js project when you push to a Git repository, you can use either Now for GitHub or Now for GitLab to have your project automatically deployed on every push, and the production domain updated on push to master.