Deloy Next or React App to VPS

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

A. Login to your VPS

 ssh user@hostname

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

cat ~/.ssh/id_rsa.pub

C. Clone the project to your VPS

clone git@github.com:username/project.git
cd project

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

Sometime this work's for vite application

npx pm2 start npm --name app-name -- run dev -- --port=3001
npx pm2 save
npx pm2 status

Use this on CD like GitHub action

npx pm2 restart app-name
npx pm2 save

E. Visit the application on the provided port

https://hostname:3001

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