MERN Stack Application Deployment Guide

Deployment Steps

1. Version Control Management
   • Ensure your application code is managed in a version control system like Git.
2. Prepare Your Environment
   • Set up your server environment with necessary dependencies like Node.js, MongoDB, and others.
3. Clone or Pull Latest Code
   • Use Git to clone or pull the latest version of your application code from your repository:
   • git clone <repository-url>
   • git pull origin <branch>
4. Install Dependencies
   • Navigate to your project directory and install Node.js dependencies:
   • npm install
5. Build the React Frontend (if applicable)
   • If your project includes a React frontend, build the production-ready assets:
   • npm run build
6. Configure Environment Variables
   • Ensure your environment variables are properly set for different environments (development, staging, production).
   • Consider creating or updating a .env file.
7. Deploy Backend (Node.js/Express)
   • Start your Node.js server using a process manager like PM2:
   • pm2 start app.js --name <app-name>
8. Deploy Frontend (React)
   • Serve the React build files using a web server like Nginx or directly from Node.js.
   • Configure your server to serve static files from the React build directory.
9. Configure and Reload Apache/Nginx (if applicable)
   • If using Apache or Nginx, configure it to proxy requests to your Node.js backend and serve your React frontend.
   • systemctl reload apache2
   • systemctl restart nginx
10. Monitor and Verify
    • Monitor the deployed application using PM2 or other monitoring tools.
    • Test the application thoroughly to ensure it functions correctly in the production environment.

Example Commands

Git Operations

git clone https://github.com/bastionex-india/vmycard-React.git

git pull origin <branch>

Building and Deployment

npm run build

pm2 start app.js --name <app-name>

Server Management

systemctl reload apache2

systemctl restart nginx

These steps provide a structured approach to deploying a MERN stack application, ensuring both frontend and backend components are properly configured and deployed. Adjust these steps based on your specific project requirements and environment setup.