This article assumes you have at least basic knowledge of Linux, know how to use the shell, and most importantly, you host your site on your own VPS. The installation is quite simple and assumes you are running in the root account, if not you may need to add ‘
Install Next.js on Ubuntu 20.04 LTS Focal Fossa
Step 1. First, make sure that all your system packages are up-to-date by running the following
apt commands in the terminal.
sudo apt update sudo apt upgrade sudo apt install build-essential
Step 2. Installing Node.js.
Now add Node.js repository to your system:
curl -sL https://deb.nodesource.com/setup_14.x | bash - sudo apt install nodejs
Now check your Node.js version by running the command on your terminal:
And check the NPM version too:
Step 3. Installing Next.js on Ubuntu 20.04.
Now we create an empty folder anywhere, for example in your home folder, and go into it:
mkdir nextjs cd nextjs
And create your first Next project:
mkdir firstproject cd firstproject
Then, initialize the Next.js project development environment with the
npx CLI build tool:
npm init -y npm install next react react-dom
The file structure of the project should resemble the following (excluding
path/to/firstproject/ ├── package.json ├── pages ├── public ├── README.md └── styles
Now using the terminal, run
npm run dev to start the Next development server:
npm run dev
ready - started server on http://localhost:3000
Step 3. Accessing Next.js Project.
Once complete successful installation, navigate to your server IP on port 3000 in a web browser: