{"id":3051,"date":"2025-06-23T06:05:59","date_gmt":"2025-07-07T13:59:14","guid":{"rendered":""},"modified":"2025-02-02T00:46:19","modified_gmt":"2025-02-01T23:46:19","slug":"how-to-install-next-js-on-ubuntu-22-04","status":"publish","type":"post","link":"https:\/\/netcloud24.com\/knowledgebase\/how-to-install-next-js-on-ubuntu-22-04\/","title":{"rendered":"Linux VPS & VPS Windows Setup Guide | NetCloud24 Next.js on Ubuntu 22.04"},"content":{"rendered":"

\u00a0<\/p>\n<\/p>\n

\n

\u00a0<\/h1>\n<\/header>\n
\n

Next.js<\/strong> is a popular open-source React framework used to build server-side rendering and static web applications. It offers a fast, efficient, and scalable solution for modern web development. In this guide, we will show you how to install Next.js on Ubuntu 22.04<\/strong>. Hosting your Next.js application on a ensures better performance, control, and scalability, making it an ideal choice for high-traffic applications running on a VPS server<\/strong>.<\/p>\n

Step 1: Update Your VPS Server<\/h2>\n

Before installing Next.js, make sure your VPS server<\/a> is up to date. Run the following commands to update your system:<\/p>\n

sudo apt update && sudo apt upgrade -y<\/code><\/pre>\n
Running Next.js on a Windows VPS<\/strong> ensures that your application benefits from dedicated resources, offering improved performance and scalability as your traffic grows.<\/p>\n
Step 2: Install Node.js<\/h2>\n
Next.js is built using Node.js, so you\u2019ll need to install Node.js before setting up Next.js. Install Node.js using the following commands:<\/p>\n
\r\ncurl -fsSL https:\/\/deb.nodesource.com\/setup_18.x | sudo -E bash -\r\nsudo apt install -y nodejs\r\n<\/code><\/pre>\n
Once installed, verify the Node.js installation by checking the version:<\/p>\n
node -v<\/code><\/pre>\n
You should see Node.js 18.x or a later version installed.<\/p>\n
Step 3: Install Next.js<\/h2>\n
With Node.js installed, you can now set up your Next.js application. First, create a new directory for your project:<\/p>\n
mkdir ~\/nextjs-app && cd ~\/nextjs-app<\/code><\/pre>\n
Use the Create Next App<\/strong> command to set up a new Next.js project:<\/p>\n
npx create-next-app@latest .<\/code><\/pre>\n
This command will generate the basic Next.js structure in the current directory. Follow the prompts to configure your new application.<\/p>\n
Step 4: Start the Next.js Development Server<\/h2>\n
After setting up your project, you can start the Next.js development server using the following command:<\/p>\n
npm run dev<\/code><\/pre>\n
Next.js will start the development server on http:\/\/localhost:3000<\/code>. You can access your application by navigating to http:\/\/your-server-ip:3000<\/code> in your browser.<\/p>\n
Step 5: Configure Next.js for Production<\/h2>\n
When deploying Next.js in a production environment, you need to build the project and start it in production mode. Run the following commands to build and start the project:<\/p>\n
\r\nnpm run build\r\nnpm start\r\n<\/code><\/pre>\n
The npm run build<\/code> command optimizes your Next.js application for production by compiling all files, and npm start<\/code> launches the application in production mode.<\/p>\n
Step 6: Set Up a Process Manager (Optional)<\/h2>\n
To ensure that your Next.js application runs continuously and restarts automatically in case of a crash, you can use a process manager like PM2<\/strong>. Install PM2 globally by running:<\/p>\n
sudo npm install pm2 -g<\/code><\/pre>\n
Next, start your application using PM2:<\/p>\n
pm2 start npm --name \"nextjs-app\" -- run start<\/code><\/pre>\n
PM2 will keep your Next.js application running in the background, and you can manage it using the following commands:<\/p>\n