Deploying an app made using Next.js in production is easy. Add those 3 lines to the package.json script section:

"scripts": {
  "dev": "next",
  "build": "next build",
  "start": "next start"
}

We used npm run dev up to now, to call the next command installed locally in node_modules/next/dist/bin/next. This started the development server, which provided us source maps and hot code reloading, two very useful features while debugging.

The same command can be invoked to build the website passing the build flag, by running npm run build. Then, the same command can be used to start the production app passing the start flag, by running npm run start.

Those 2 commands are the ones we must invoke to successfully deploy the production version of our site locally. The production version is highly optimized and does not come with source maps and other things like hot code reloading that would not be beneficial to our end users.

So, let’s create a production deploy of our app. Build it using:

npm run build

The output of the command tells us that some routes (/ and /blog are now prerendered as static HTML, while /blog/[id] will be served by the Node.js backend.

Then you can run npm run start to start the production server locally:

npm run start

Visiting http://localhost:3000 will show us the production version of the app, locally.

Lessons in this unit:

0:	Introduction
1:	Getting started with Next.js (Pages Router), a tutorial
2:	How to install Next.js
3:	How I set up a Next.js project structure
4:	Linking two pages in Next.js using Link
5:	How to use the Next.js Router
6:	Dynamic content in Next.js with the router
7:	Prefetching content in Next.js
8:	How to programmatically change a route in Next.js
9:	View source to confirm SSR is working in Next.js
10:	Feed data to a Next.js component using getInitialProps
11:	Styling Next.js components using CSS
12:	Next.js: populate the head tag with custom tags
13:	How to use Next.js API Routes
14:	How to get cookies server-side in a Next.js app
15:	Deploying a Next.js application on Now
16:	▶︎ Deploying a Next.js app in production