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.

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 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 aliased on push to master.