Installing NextJS

As of december 2022 you need node version 14.6 or later to run NextJS.

Automatic installation

1
yarn create next-app my-app-name --typescript
2
cd my-app-name
3

4
yarn dev   - Starts development server on localhost:3000
5
yarn build - builds the application for production usage
6
yarn start - starts a Next.js production server

What we will get is

• Automatic compilation and bundling (with webpack and babel)
• React Fast Refresh
• Static generation and server-side rendering of ./pages/
• Static file serving. Everything in ./public/ is mapped to /

Manual installation

For a manual setup have a look at the official docs page.

Installation using Nx

1
// add the next plugin once
2
yarn add --dev @nrwl/next
3

4
// create a new nextJs app
5
nx g @nrwl/next:app my-new-app
6

7
// create a new nextJs page
8
nx g @nrwl/next:page my-new-page --project=my-new-app
9

10
// create a new nextJs component
11
nx g @nrwl/next:component my-new-component --project=my-new-app

Find more commands on the Nx NextJS plugin doc page.