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

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

Server-Side Pagination with React-Table and Spring Boot JPA with H2 Database

Pagination is a common technique used to split large amounts of data into smaller, more manageable chunks. With server-side pagination, data is retrieved from the server in smaller batches, reducing the amount of data transferred over the network and improving application performance. React-Table provides a wide range of built-in features such as sorting, filtering, pagination, row selection, and column resizing. These features can be easily configured and customized to fit specific requirements. For example, you can customize the sorting behavior to handle multiple sorting criteria, or you can add custom filters to the table to handle complex data filtering scenarios. Additionally, React-Table provides a flexible API that allows developers to extend its functionality with custom hooks, plugins, and components. This means that you can easily add custom functionality to the table, such as exporting data to CSV or integrating with external data sources. In terms of styl...
Post a Comment
Read more