Skip to main content

How to Serve a React Static Build Folder with SSL Using serve CLI

This blog post will guide you on serving a React static build folder with SSL using the serve CLI.

Installation

If you haven't installed the serve CLI yet, you can do so by running the following command:

npm install -g serve

Serving the Build Folder without SSL

  1. Make sure you have generated a static build folder for your React app. If not, build your React app using the appropriate command.
  2. Open your terminal or command prompt.
  3. Navigate to the root directory of your React static build folder.
  4. Run the following command to serve your build folder using the serve CLI:
serve build -p 9000

This command will start a server and serve the files from the build folder on port 9000.

Serving the Build Folder with SSL

  1. Make sure you have the SSL certificate and key files ready. If not, generate or obtain them and place them in a folder (e.g., certificates) within your project directory.
  2. Open your terminal or command prompt.
  3. Navigate to the root directory of your React static build folder.
  4. Run the following command to serve your build folder using the serve CLI with SSL:
serve build --ssl-cert certificates/domain.com.pem --ssl-key certificates/domain.com.key -p 9000

This command will start a server using the SSL certificate and key specified by the --ssl-cert and --ssl-key options, respectively. The server will serve the files from the build folder on port 9000.

Make sure to replace certificates/domain.com.pem and certificates/domain.com.key with the actual paths to your SSL certificate and key files.

By following these instructions, you should be able to serve your React static build folder with SSL using the serve CLI.

References

Comments

Post a Comment