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

Popular posts from this blog

JSP page directives

A jsp page directive looks like this: <%@ directive attribute="value" %> I am not gonna explain each and every page directives here . I would like to discuss about two page directives  which is import and include. First of all consider the import directive . The following simple program illustrate the use of import page directive: The output would be something looks like this: <%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%>  <%@ page import="java.util.Date" %>   //page directive <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Jsp Basics</title> </head> <body> <%=new Date() %> </body> </html> Tue Nov 12 17:42:34 I...
1 comment
Read more

a simple example for jdbc PreparedStatement

a simple example for PreparedStatement package basics.in.java.blogspot.in; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class Main { private static final String USERNAME="root"; private static final String PASSWORD=""; private static final String CONN_STRING="jdbc:mysql://localhost/basicsinjavablogspot"; public static void main(String[] args) throws ClassNotFoundException, SQLException { Class.forName("com.mysql.jdbc.Driver"); Connection conn=null; Statement stmt=null; ResultSet rs=null; try { conn= DriverManager.getConnection(CONN_STRING, USERNAME, PASSWORD); System.out.println("database connection successful"); //stmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE, ResultSet.CONCUR_READ_ONLY); String sql="select * fr...
1 comment
Read more