https://github.com/learnwithfair/node-host-on-vps
This document provides a comprehensive guide for setting up a MERN (MongoDB, Express, React, Node.js) stack application on a DigitalOcean VPS with Apache as the web server. The application is hosted under the subdomain clientoperation.2ndsource.xyz.
https://github.com/learnwithfair/node-host-on-vps
learnwithfair mern-develoyment node-development rahatul-rabbi rahatulrabbi vps-setup
Last synced: 5 months ago
JSON representation
This document provides a comprehensive guide for setting up a MERN (MongoDB, Express, React, Node.js) stack application on a DigitalOcean VPS with Apache as the web server. The application is hosted under the subdomain clientoperation.2ndsource.xyz.
- Host: GitHub
- URL: https://github.com/learnwithfair/node-host-on-vps
- Owner: learnwithfair
- Created: 2025-05-15T15:12:22.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-14T03:59:31.000Z (11 months ago)
- Last Synced: 2025-07-14T06:11:11.245Z (11 months ago)
- Topics: learnwithfair, mern-develoyment, node-development, rahatul-rabbi, rahatulrabbi, vps-setup
- Homepage:
- Size: 502 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN STACK DEPLOYMENT GUIDE
[![Youtube][youtube-shield]][youtube-url]
[![Facebook][facebook-shield]][facebook-url]
[![Instagram][instagram-shield]][instagram-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Thanks for visiting my GitHub account!
## Overview
This document provides a comprehensive guide for setting up a MERN (MongoDB, Express, React, Node.js) stack application with Apache SSL configuration, including automatic HTTPS redirection, reverse proxy for API calls, and PM2 process management on a DigitalOcean VPS with Apache as the web server. The application is hosted under the subdomain `clientoperation.2ndsource.xyz`.
## DigitalOcean VPS Configuration for clientoperation.2ndsource.xyz
## Table of Contents
- [Overview](#overview)
- [Architecture](#️-architecture)
- [Prerequisites](#-prerequisites)
- [MongoDB Setup](#-mongodb-setup)
- [Install MongoDB](#install-mongodb)
- [Configure MongoDB](#configure-mongodb)
- [Create Database User](#create-database-user)
- [Quick Start](#-quick-start)
- [Step 1: Apache SSL Configuration](#step-1-apache-ssl-configuration)
- [Step 2: Enable Required Apache Modules](#step-2-enable-required-apache-modules)
- [Step 3: Directory Setup](#step-3-directory-setup)
- [Step 4: Node.js Environment Setup](#step-4-nodejs-environment-setup)
- [Frontend Deployment (In tsstech User)](#-frontend-deployment-in-tsstech-user)
- [Step 5: Configure and Build React Frontend](#step-5-configure-and-build-react-frontend-i-have-filebrowser)
- [Deploy Built Files](#deploy-built-files)
- [Backend Deployment (In tsstech User)](#️-backend-deployment-in-tsstech-user)
- [Step 6: Configure Node.js Backend](#step-6-configure-nodejs-backend-i-have-filebrowser)
- [Backend Configuration Files](#backend-configuration-files)
- [server.js: (For testing) Please remove app.use('*');](#serverjs-for-testing-please-remove-appuse)
- [db.js](#dbjs)
- [Process Management](#-process-management)
- [Step 7: Configure PM2 Process Manager](#step-7-configure-pm2-process-manager)
- [Testing Backend](#testing-backend)
- [Service Management](#-service-management)
- [Step 8: Enable and Start Apache](#step-8-enable-and-start-apache)
- [Testing & Verification](#-testing--verification)
- [Step 9: Verify Deployment](#step-9-verify-deployment)
- [Test Backend Health](#test-backend-health)
- [Test Frontend Access](#test-frontend-access)
- [Service Status Checks](#service-status-checks)
- [Maintenance & Updates](#-maintenance--updates)
- [Frontend Updates](#frontend-updates)
- [Backend Updates](#backend-updates)
- [SSL Certificate Renewal](#ssl-certificate-renewal)
- [Troubleshooting](#-troubleshooting)
- [Common Issues and Solutions](#common-issues-and-solutions)
- [1. Apache Configuration Errors](#1-apache-configuration-errors)
- [2. SSL Certificate Issues](#2-ssl-certificate-issues)
- [3. Backend Connection Issues](#3-backend-connection-issues)
- [4. Frontend Not Loading](#4-frontend-not-loading)
- [Log Locations](#log-locations)
- [Performance Monitoring](#-performance-monitoring)
- [Security Considerations](#-security-considerations)
- [Firewall Configuration](#firewall-configuration)
- [File Permissions](#file-permissions)
- [Environment Variables](#environment-variables)
- [Quick Reference Commands](#-quick-reference-commands)
- [Directory Structure](#-directory-structure)
- [Contributing](#-contributing)
- [License](#-license)
**System Configuration:**
- **Main Domain:** 2ndsource.xyz
- **Subdomain:** clientoperation.2ndsource.xyz
- **Frontend Port:** 3000 (React)
- **Backend Port:** 5000 (Node.js)
- **Web Server:** Apache with Reverse Proxy
- **Database:** MongoDB
## DNS Configuration
Ensure the subdomain points to your VPS IP address by creating an A record:
| Type | Name | Value | TTL |
|------|------|-------|-----|
| A | clientoperation | [YOUR_VPS_IP_ADDRESS] | 3600 |
## 🏗️ Architecture
```
Internet → Apache (Port 80/443) → Static Files (/var/www/html/clientoperation)
→ API Proxy → Node.js Backend (Port 5000)
```
## 📋 Prerequisites
- Ubuntu/Debian server with sudo access
- Domain name configured (clientoperation.2ndsource.xyz)
- SSL certificates obtained via Let's Encrypt
- Apache2 installed
- Basic familiarity with command line
## 🍃 MongoDB Setup
Before starting the deployment, ensure MongoDB is properly configured:
### Install MongoDB
```bash
# Import the public key used by the package management system
wget -qO - https://www.mongodb.org/static/pgp/server-6.0.asc | sudo apt-key add -
# Create a list file for MongoDB
echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/6.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-6.0.list
# Reload local package database
sudo apt-get update
# Install MongoDB packages
sudo apt-get install -y mongodb-org
```
### Configure MongoDB
```bash
# Start MongoDB
sudo systemctl start mongod
# Enable MongoDB to start on boot
sudo systemctl enable mongod
# Check MongoDB status
sudo systemctl status mongod
```
### Create Database User
```bash
# Connect to MongoDB
mongo
# Switch to admin database
use admin
# Create admin user
db.createUser({
user: "adminUser",
pwd: "YourDBPassword",
roles: [ { role: "userAdminAnyDatabase", db: "admin" }, "readWriteAnyDatabase" ]
})
# Create application database
use ClientOperation
# Create application user (optional)
db.createUser({
user: "appUser",
pwd: "YourAppPassword",
roles: [ { role: "readWrite", db: "ClientOperation" } ]
})
# Exit MongoDB shell
exit
```
## 🚀 Quick Start
### Step 1: Apache SSL Configuration
Create Apache Virtual Host Configuration:
**File Path:** `/etc/apache2/sites-available/clientoperation.2ndsource.xyz.conf`
```bash
sudo nano /etc/apache2/sites-available/clientoperation.2ndsource.xyz.conf
```
**Configuration Content:**
```apache
# HTTP to HTTPS Redirect
ServerName clientoperation.2ndsource.xyz
Redirect permanent / https://clientoperation.2ndsource.xyz/
RewriteEngine on
RewriteCond %{SERVER_NAME} =clientoperation.2ndsource.xyz
RewriteRule ^ https://%{SERVER_NAME}%{REQUEST_URI} [END,NE,R=permanent]
# HTTPS Virtual Host
ServerName clientoperation.2ndsource.xyz
ServerAdmin webmaster@localhost
# SSL Configuration
SSLEngine on
SSLCertificateFile /etc/letsencrypt/live/clientoperation.2ndsource.xyz/fullchain.pem
SSLCertificateKeyFile /etc/letsencrypt/live/clientoperation.2ndsource.xyz/privkey.pem
Include /etc/letsencrypt/options-ssl-apache.conf
# Log Configuration
ErrorLog ${APACHE_LOG_DIR}/clientoperation.2ndsource.xyz-error.log
CustomLog ${APACHE_LOG_DIR}/clientoperation.2ndsource.xyz-access.log combined
# Document Root for React Build
DocumentRoot /var/www/html/clientoperation
# Static File Serving
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
# React Router SPA Configuration
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
# MIME Type Configuration
Header set Content-Type "application/javascript"
Header set Content-Type "text/css"
# API Reverse Proxy
ProxyPass /api/ http://localhost:5000/api/
ProxyPassReverse /api/ http://localhost:5000/api/
```
### Step 2: Enable Required Apache Modules
```bash
# Enable URL rewriting for SPA
sudo a2enmod rewrite
# Enable HTTP headers modification
sudo a2enmod headers
# Enable SSL support
sudo a2enmod ssl
# Enable reverse proxy functionality
sudo a2enmod proxy
sudo a2enmod proxy_http
```
**Expected Output:**
```
Enabling module rewrite.
Enabling module headers.
Enabling module ssl.
Enabling module proxy.
Enabling module proxy_http.
To activate the new configuration, you need to run:
systemctl reload apache2
```
### Step 3: Directory Setup
```bash
# Create main web directory
sudo mkdir -p /var/www/html/clientoperation
# Set proper ownership for Apache
sudo chown -R www-data:www-data /var/www/html/clientoperation
# Set appropriate permissions
sudo chmod -R 755 /var/www/html/clientoperation
```
**Directory Structure:**
```
/var/www/html/clientoperation/
├── index.html
├── static/
│ ├── css/
│ ├── js/
│ └── media/
├── manifest.json
└── favicon.ico
```
### Step 4: Node.js Environment Setup
```bash
# Install Node.js 18.x
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt-get install -y nodejs
# Verify installation
node --version
npm --version
# Install PM2 globally for process management
sudo npm install -g pm2
```
**Expected Output:**
```bash
$ node --version
v18.17.0
$ npm --version
9.6.7
$ pm2 --version
5.3.0
```
## 🎨 Frontend Deployment (In tsstech User)
### Step 5: Configure and Build React Frontend (I have filebrowser)
**Base Path:** `/home/tsstech/nodeapp/clientoperation/frontend`
```bash
# Navigate to frontend directory
cd /home/tsstech/nodeapp/clientoperation/frontend
# Create production environment configuration
cat > .env.production << EOF
REACT_APP_API_URL=https://clientoperation.2ndsource.xyz
REACT_APP_ENV=production
GENERATE_SOURCEMAP=false
EOF
# Install dependencies
npm install
# Create production build
npm run build
```
**Build Output Example:**
```
Creating an optimized production build...
Compiled successfully.
File sizes after gzip:
46.61 KB build/static/js/2.8e5b5f6d.chunk.js
1.4 KB build/static/js/main.2f4b5c8a.chunk.js
1.17 KB build/static/js/runtime-main.e8e9c4f6.js
312 B build/static/css/main.a617e044.chunk.css
The build folder is ready to be deployed.
```
### Deploy Built Files
```bash
# Copy build files to web directory
sudo cp -r build/* /var/www/html/clientoperation/
# Set proper ownership
sudo chown -R www-data:www-data /var/www/html/clientoperation/
# Verify deployment
ls -la /var/www/html/clientoperation/
```
## ⚙️ Backend Deployment (In tsstech User)
### Step 6: Configure Node.js Backend (I have filebrowser)
**Base Path:** `/home/tsstech/nodeapp/clientoperation/backend`
```bash
# Navigate to backend directory
cd /home/tsstech/nodeapp/clientoperation/backend
# Create production environment file
cat > .env << EOF
PORT=5000
NODE_ENV=production
FRONTEND_URL=https://clientoperation.2ndsource.xyz
#Add your database and other configurations:
#MONGO_URI=mongodb://localhost:27017/clientoperation
MONGO_URI=mongodb://adminUser:YourDBPassword@localhost:27017/ClientOperation?authSource=admin
JWT_SECRET=your-super-secret-jwt-key
EOF
# Install production dependencies
npm install --production
```
### Backend Configuration Files
#### server.js: (For testing) Please remove app.use('*');
```javascript
import express from 'express';
import connectDB from './config/db.js';
import cors from 'cors';
import dotenv from 'dotenv';
dotenv.config();
const app = express();
connectDB();
// Allowed origins for CORS
const allowedOrigins = [
'https://clientoperation.2ndsource.xyz', // Production domain
'http://localhost:3000', // React dev server
'http://localhost:3001' // Alternate dev port
];
// Configure CORS middleware
app.use(cors({
origin: (origin, callback) => {
if (!origin || allowedOrigins.includes(origin)) {
callback(null, true);
} else {
console.log('CORS blocked origin:', origin);
callback(new Error('Not allowed by CORS'));
}
},
credentials: true,
methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
allowedHeaders: ['Content-Type', 'Authorization', 'Cookie']
}));
// Health check route
app.get('/api/health', (req, res) => {
res.json({
status: 'OK',
message: 'Backend server is running',
timestamp: new Date().toISOString(),
});
});
// Error handling middleware
app.use((err, req, res, next) => {
console.error('Error:', err.message);
res.status(500).json({
error: 'Internal Server Error',
message: process.env.NODE_ENV === 'development' ? err.message : 'Something went wrong',
});
});
// Start server
const PORT = process.env.PORT || 5001;
app.listen(PORT, () => {
console.log(`Server is running on port ${PORT}`);
console.log(`Environment: ${process.env.NODE_ENV || 'development'}`);
console.log('Allowed Origins:', allowedOrigins);
});
```
#### db.js:
```javascript
// config/db.js
import mongoose from 'mongoose';
import dotenv from 'dotenv';
dotenv.config();
const connectDB = async () => {
try {
const conn = await mongoose.connect(process.env.MONGO_URI, {
useNewUrlParser: true,
useUnifiedTopology: true,
});
console.log(`MongoDB Connected: ${conn.connection.host}`);
} catch (error) {
console.error(`MongoDB connection failed: ${error.message}`);
process.exit(1);
}
};
export default connectDB;
```
## 🔧 Process Management
### Step 7: Configure PM2 Process Manager
Create PM2 Ecosystem File:
```bash
# Create PM2 configuration
cat > ecosystem.config.cjs << EOF
module.exports = {
apps: [{
name: 'clientoperation-backend',
script: './server.js',
instances: 1,
exec_mode: 'fork', //For mongoDB atlas use 'cluster'
env: {
NODE_ENV: 'production',
PORT: 5001,
},
env_production: {
NODE_ENV: 'production',
MONGO_URI: process.env.MONGO_URI, // Uses .env file
JWT_SECRET: process.env.JWT_SECRET,
},
error_file: './logs/err.log',
out_file: './logs/out.log',
log_file: './logs/combined.log',
time: true
}]
};
EOF
```
### Testing Backend
```bash
# Create logs directory
mkdir -p logs
# Testing purpose
cd /home/tsstech/nodeapp/clientoperation/backend
node server.js
```
If shown a message like `MongoDB connected:` then everything is okay.
```bash
curl http://localhost:5000/api/health
```
Finally stop server then run below:
```bash
# Start application with PM2
pm2 start ecosystem.config.js
# Save PM2 configuration
pm2 save
# Setup PM2 to start on system boot
pm2 startup
```
**PM2 Status Output:**
```
┌─────┬──────────────────────────┬─────────────┬──────┬────────┬──────────┬────────┬──────┬───────────┬──────────┬──────────┬──────────┬──────────┐
│ id │ name │ namespace │ ver │ mode │ pid │ uptime │ ↺ │ status │ cpu │ mem │ user │ watching │
├─────┼──────────────────────────┼─────────────┼──────┼────────┼──────────┼────────┼──────┼───────────┼──────────┼──────────┼──────────┼──────────┤
│ 0 │ clientoperation-backend │ default │ 1.0 │ cluster│ 12345 │ 5m │ 0 │ online │ 0% │ 45.2mb │ tsstech │ disabled │
└─────┴──────────────────────────┴─────────────┴──────┴────────┴──────────┴────────┴──────┴───────────┴──────────┴──────────┴──────────┴──────────┘
```
## 🌐 Service Management
### Step 8: Enable and Start Apache
```bash
# Enable the site
sudo a2ensite clientoperation.2ndsource.xyz.conf
# Test Apache configuration
sudo apache2ctl configtest
# Restart Apache to apply changes
sudo systemctl restart apache2
# Enable Apache to start on boot
sudo systemctl enable apache2
```
**Configuration Test Output:**
```
Syntax OK
```
## ✅ Testing & Verification
### Step 9: Verify Deployment
#### Test Backend Health:
```bash
# Test backend directly
curl http://localhost:5000/api/health
# Expected response
{"status":"OK","timestamp":"2024-01-15T10:30:00.000Z"}
```
#### Test Frontend Access:
```bash
# Test HTTPS redirect
curl -I http://clientoperation.2ndsource.xyz
# Expected response
HTTP/1.1 301 Moved Permanently
Location: https://clientoperation.2ndsource.xyz/
# Test HTTPS access
curl -I https://clientoperation.2ndsource.xyz
# Expected response
HTTP/1.1 200 OK
Content-Type: text/html
```
#### Service Status Checks:
```bash
# Check Apache status
sudo systemctl status apache2
# Check PM2 status
pm2 status
# Check application logs
pm2 logs clientoperation-backend --lines 50
```
## 🔄 Maintenance & Updates
### Frontend Updates
```bash
# Navigate to frontend directory
cd /home/tsstech/nodeapp/clientoperation/frontend
# Pull latest changes (if using Git)
git pull origin main
# Install new dependencies (if any)
npm install
# Create new build
npm run build
# Deploy updated build
sudo cp -r build/* /var/www/html/clientoperation/
sudo chown -R www-data:www-data /var/www/html/clientoperation/
# Clear browser cache or add cache-busting
sudo systemctl reload apache2
```
### Backend Updates
```bash
# Navigate to backend directory
cd /home/tsstech/nodeapp/clientoperation/backend
# Pull latest changes
git pull origin main
# Install new dependencies
npm install --production
# Restart application
pm2 restart clientoperation-backend
# Monitor restart
pm2 logs clientoperation-backend --lines 20
```
### SSL Certificate Renewal
```bash
# Test certificate renewal (dry run)
sudo certbot renew --dry-run
# Renew certificates
sudo certbot renew
# Reload Apache after renewal
sudo systemctl reload apache2
```
## 🐛 Troubleshooting
### Common Issues and Solutions
#### 1. Apache Configuration Errors
**Problem:** `apache2ctl configtest` fails
```bash
# Check syntax errors
sudo apache2ctl configtest
# View detailed error logs
sudo tail -f /var/log/apache2/error.log
```
**Solution:** Review configuration file for typos or missing modules.
#### 2. SSL Certificate Issues
**Problem:** SSL certificate not found
```bash
# Check certificate files exist
ls -la /etc/letsencrypt/live/clientoperation.2ndsource.xyz/
# Test certificate validity
openssl x509 -in /etc/letsencrypt/live/clientoperation.2ndsource.xyz/cert.pem -text -noout
```
#### 3. Backend Connection Issues
**Problem:** API requests failing
```bash
# Check if backend is running
pm2 status
# Check backend logs
pm2 logs clientoperation-backend
# Test backend directly
curl -v http://localhost:5000/api/health
# Check port binding
netstat -tlnp | grep :5000
```
#### 4. Frontend Not Loading
**Problem:** React app shows blank page
```bash
# Check if files exist
ls -la /var/www/html/clientoperation/
# Check Apache error logs
sudo tail -f /var/log/apache2/clientoperation.2ndsource.xyz-error.log
# Check browser console for JavaScript errors
# Verify MIME types are set correctly
```
### Log Locations
```bash
# Apache Logs
/var/log/apache2/clientoperation.2ndsource.xyz-error.log
/var/log/apache2/clientoperation.2ndsource.xyz-access.log
# PM2 Logs
/home/tsstech/nodeapp/clientoperation/backend/logs/err.log
/home/tsstech/nodeapp/clientoperation/backend/logs/out.log
/home/tsstech/nodeapp/clientoperation/backend/logs/combined.log
# System Logs
/var/log/syslog
/var/log/apache2/error.log
```
## 📊 Performance Monitoring
```bash
# Monitor system resources
htop
# Monitor Apache processes
ps aux | grep apache
# Monitor Node.js process
pm2 monit
# Check disk usage
df -h
du -sh /var/www/html/clientoperation/
```
## 🔒 Security Considerations
### Firewall Configuration:
```bash
# Allow HTTP and HTTPS
sudo ufw allow 80
sudo ufw allow 443
# Block direct access to Node.js port
sudo ufw deny 5000
```
### File Permissions:
```bash
# Ensure proper ownership
sudo chown -R www-data:www-data /var/www/html/clientoperation/
sudo chmod -R 755 /var/www/html/clientoperation/
```
### Environment Variables:
- Never commit `.env` files to version control
- Use strong, unique secrets for JWT and database connections
- Regularly rotate API keys and passwords
## 🔧 Quick Reference Commands
```bash
# Restart all services
sudo systemctl restart apache2
pm2 restart all
# View all logs
sudo tail -f /var/log/apache2/*error.log
pm2 logs
# Update and deploy
cd /path/to/frontend && npm run build && sudo cp -r build/* /var/www/html/clientoperation/
cd /path/to/backend && pm2 restart clientoperation-backend
# Check service status
sudo systemctl status apache2
pm2 status
curl -I https://clientoperation.2ndsource.xyz
```
## 📁 Directory Structure
```
/var/www/html/clientoperation/
├── index.html
├── static/
│ ├── css/
│ ├── js/
│ └── media/
├── manifest.json
└── favicon.ico
```
### Common Commands
- **Restart Apache:**
```bash
sudo systemctl restart apache2
```
- **Restart MongoDB:**
```bash
sudo systemctl restart mongod
```
- **Restart Node.js Applications:**
```bash
pm2 restart clientoperation-backend
pm2 restart clientoperation-frontend
```
- **Check Service Status:**
```bash
sudo systemctl status apache2
sudo systemctl status mongod
pm2 status
```
- **Test Apache Configuration:**
```bash
sudo apachectl configtest
```
## Security Best Practices
### Firewall Configuration
```bash
sudo ufw enable
sudo ufw allow ssh
sudo ufw allow 80
sudo ufw allow 443
```
### Regular System Updates
```bash
sudo apt update
sudo apt upgrade
```
### MongoDB Security
- Ensure MongoDB is only listening on localhost (default)
- Use strong passwords for all MongoDB users
- Regularly review database users and permissions
### SSL/TLS Maintenance
- Certificates will automatically renew via Certbot
- Test renewal process:
```bash
sudo certbot renew --dry-run
```
### Regular Backups
- Verify backup integrity periodically:
```bash
# Restore to a temporary database for testing
mongorestore --authenticationDatabase admin -u adminUser -p SecurePassword123 --db test_restore ~/mongodb-backups/[BACKUP_DATE]/clientoperationdb
```
### Important Security Notes
1. Never expose MongoDB port (27017) to the internet
2. Store sensitive credentials in environment variables, not in code
3. Keep all software updated (Node.js, MongoDB, system packages)
4. Consider implementing rate limiting for API endpoints
5. Implement proper authentication and authorization in your application
---
*This documentation was generated on May 28, 2025. Some commands or configurations may need updates based on newer software versions.*
### **Document: PM2 Setup for Frontend App (clientoperation-frontend)**
---
#### Step 1: Navigate to the Frontend Directory
```bash
cd ~/nodeapp/clientoperation/frontend
```
---
#### Step 2: Start the Frontend with PM2
##### Option A: If you're using `npm run start`
```bash
pm2 start npm --name clientoperation-frontend -- run start
```
**Expected Output:**
```
[PM2] Starting /usr/bin/npm in fork_mode (1 instance)
[PM2] Done.
┌─────┬───────────────────────────┬────────┬──────┬─────┬────────┬────────┐
│ id │ name │ mode │ ↺ │ status │ cpu │ memory │
├─────┼───────────────────────────┼────────┼──────┼────────┼──────┼────────┤
│ 1 │ clientoperation-frontend │ fork │ 0 │ online │ 0% │ 80.0mb │
└─────┴───────────────────────────┴────────┴──────┴────────┴──────┴────────┘
```
---
#### Step 3: Save the PM2 Process List
```bash
pm2 save
```
**Expected Output:**
```
[PM2] Saving current process list...
[PM2] Successfully saved in /home/deploy/.pm2/dump.pm2
```
---
#### Step 4: Enable PM2 on System Boot
```bash
pm2 startup systemd
```
Then, run the command it suggests. Example:
```bash
sudo env PATH=$PATH:/home/deploy/.nvm/versions/node/v18.16.0/bin pm2 startup systemd -u deploy --hp /home/deploy
```
**Expected Output:**
```
[PM2] Init system already enabled
[PM2] To setup the startup script, copy/paste the following:
sudo env PATH=... pm2 startup systemd -u deploy --hp /home/deploy
```
---
#### Step 5: Restart the Frontend App Any Time
```bash
pm2 restart clientoperation-frontend
```
**Expected Output:**
```
[PM2] Applying action restartProcessId on app [clientoperation-frontend](id:1)
✓
[PM2] Process successfully restarted
```
---
#### Step 6: Check PM2 Status
```bash
pm2 status
```
**Expected Output:**
```
┌─────┬───────────────────────────┬────────┬──────┬────────┬──────┬────────┐
│ id │ name │ mode │ ↺ │ status │ cpu │ memory │
├─────┼───────────────────────────┼────────┼──────┼────────┼──────┼────────┤
│ 0 │ clientoperation-backend │ fork │ 0 │ online │ 0% │ 102mb │
│ 1 │ clientoperation-frontend │ fork │ 0 │ online │ 0% │ 80mb │
└─────┴───────────────────────────┴────────┴──────┴────────┴──────┴────────┘
```
---
## 🤝 Contributing
This documentation provides a complete reference for deploying and maintaining a React/Node.js application with Apache SSL configuration. Keep this guide updated as your infrastructure evolves.
## 📝 License
This deployment guide is provided as-is for educational and operational purposes.
## Follow Me
[
](https://github.com/learnwithfair) [
](https://www.facebook.com/learnwithfair/) [
](https://www.instagram.com/learnwithfair/) [
](https://www.twiter.com/learnwithfair/) [
](https://www.youtube.com/@learnwithfair)
[youtube-shield]: https://img.shields.io/badge/-Youtube-black.svg?style=flat-square&logo=youtube&color=555&logoColor=white
[youtube-url]: https://youtube.com/@learnwithfair
[facebook-shield]: https://img.shields.io/badge/-Facebook-black.svg?style=flat-square&logo=facebook&color=555&logoColor=white
[facebook-url]: https://facebook.com/learnwithfair
[instagram-shield]: https://img.shields.io/badge/-Instagram-black.svg?style=flat-square&logo=instagram&color=555&logoColor=white
[instagram-url]: https://instagram.com/learnwithfair
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/rahatul-rabbi/