DEV Community

Abdulsalam Abdulrahman (Amtech Digital)
Abdulsalam Abdulrahman (Amtech Digital)

Posted on • Edited on

Deloy Next or React App to VPS

#abdulsalamamtech #vps #nextjs #react

Step by Step how to deploy next or react application to vps

A. Login to your VPS

 ssh user@hostname
Enter fullscreen mode Exit fullscreen mode

B. Generate SSH public key and add it to your GitHub project

cat ~/.ssh/id_rsa.pub
Enter fullscreen mode Exit fullscreen mode

C. Clone the project to your VPS

clone [email protected]:username/project.git
cd project
Enter fullscreen mode Exit fullscreen mode

D. Install all necessary packages

npm install
npm run build
npm install pm2 --save-dev
npx pm2 start npm --name my-project -- start -- --port=3001
npx pm2 restart my-project
npx pm2 save
Enter fullscreen mode Exit fullscreen mode

Sometime this work's for vite application

npx pm2 start npm --name app-name -- run dev -- --port=3001
npx pm2 save
npx pm2 status
Enter fullscreen mode Exit fullscreen mode

Use this on CD like GitHub action

npx pm2 restart app-name
npx pm2 save
Enter fullscreen mode Exit fullscreen mode

E. Visit the application on the provided port

https://hostname:3001
Enter fullscreen mode Exit fullscreen mode

Congratulations Your Website is live!

Note: There are some necessary adjustments you need to make based on the type of OS and application on the VPS.

@abdulsalamamtech #vps #deploy #next #react

Top comments (0)

OSZAR »