Deloy Next or React App to VPS
#abdulsalamamtech#vps#nextjs#react
Abdulsalam Abdulrahman (Amtech Digital)

Abdulsalam Abdulrahman (Amtech Digital) @abdulsalamamtech

About: I'm a PHP/Laravel Developer

Location:
Nigeria
Joined:
Apr 25, 2024

Deloy Next or React App to VPS

Publish Date: Mar 22 '25
1 0

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 git@github.com: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

Comments 0 total

    Add comment