Skip to main content

How to create build of Your React App and server it for Forever using PM 2

Solution 1: Use Node.js's native import with pm2

You can directly use the native node command with pm2 to run the serve command. Here's how:

  1. Install serve as a local dependency if you haven't already:

    bash

    npm install serve
  2. Start the app using pm2 with node and serve:

    bash
    pm2 start "node --no-warnings --experimental-json-modules ./node_modules/.bin/serve" --name "react-app" -- -s build

Solution 2: Use a serve script in package.json

Another approach is to create a script in your package.json to run serve, and then use pm2 to start that script:

  1. Add a script to package.json: ( package.json of frontend folder )


    { "scripts": { "start:serve": "serve -s build" } }
  2. Use pm2 to run the script:



    pm2 start npm --name "react-app" -- run start:serve

Solution 3: Using a custom script with pm2

If you want to avoid npm scripts, you can create a custom Node.js script to run serve using ES Module syntax.

  1. Create a script file named serve-app.mjs:


    import serve from 'serve'; const server = serve('build', { port: 3000 });
  2. Start the script using pm2:


    pm2 start serve-app.mjs --name "react-app"

Explanation

  • ESM vs CommonJS: serve is an ES Module, and pm2 by default runs scripts as CommonJS. You need to ensure that pm2 is aware that it should handle the script using ES Module semantics, either by using Node.js directly or by setting up your pm2 process correctly.

  • Using Node with --no-warnings: The --no-warnings flag suppresses any experimental warnings that might be shown when using ES Modules with Node.js.



Comments

Popular posts from this blog

Part 15- What is Repeater (Networking Devices)- Computer Networking- CCNA

Repeater  hello friends i am Vasu Birla and today i am starting new segment of CCNA computer networking  its a Networking Devices. we will discuss every important Devices used in networks. Repeater is a first networking devices. What is Repeater  Repeater is a device that receives signals and re-transmits by amplifying or regenerating signals. Repeater has two port one is for receive signals from previous network and second port is for retransmit signals to the next extended network. Two Port Repeater Repeater is a device which is used to Regenerate or replicate signal (Pichhe se aa rahe signal ko regenerate karke ya amplify karke aage strong signals bhej sakte he) Analog and digital both type of signals can be retransmitted by repeater. Here there is difference between regeneration and amplifying.  Amplification means , received signals will be amplified as it is , whether there are impurities in signals  and Regeneration means repeate...

GitHub Repo Collaboration Work on single project

 =============================================== To collaborate effectively with your friend on the same project, you should use Git branches to manage different lines of development. Here's a step-by-step procedure you can follow to streamline collaboration: 1. Create Separate Branches for Each Developer Create a New Branch for Your Friend: On your local repository, create a new branch for your friend. For example if your friend name is kilvish , if you want to create a branch named kilvish , you would run: make sure you would be on main branch already   command->  git checkout -b kilvish git push origin kilvish 2. Set Up Your Friend’s Environment( On your Friend's System )  at kilvish side  run ->  Clone the Repository (if not already done): If your friend hasn’t cloned the repository yet, they should do so: command ->  git clone https://github.com/Vasu-Birla/your-repo.git   // your your main clone line  Fetch All Bran...

How to Kill the Process: ( Port Process )

If you are seeing a Error like  -   Error: listen EADDRINUSE: address already in use :::3000   then you can easily kill it by running these commands  Find the Process Using Port 3006 : On Windows   netstat -ano | findstr :3000 On Linux/macOS lsof -i :3000       Terminate the Process :       On Windows taskkill /PID <PID> /F    means       taskkill /PID 17780 /F On Linux/macOS kill -9 <PID>     means kill -9 17780                ==============END ==========