Skip to main content
Version: 1.0.0

Create React App logo

Create React App is a command-line interface tool used for generating a new React project with a pre-configured setup. It simplifies the process of setting up a new React project by providing a ready-to-use development environment that includes a build system, a dev server, and other tools necessary for building a modern web application.

Here is how you can deploy your React App using Zeet Blueprints.

1. Pick a Blueprint​

You can deploy your React app one of two ways:

  1. Using Serverless (AWS Lambda, GCP Cloud Run)
  2. Using Docker to deploy to your Cluster

To get started, head over to the Zeet dashboard and choose a Blueprints that suits your needs. You can visit this link to browse Blueprints available to your team.

For this example, we'll go over two different Blueprints:

  1. AWS Lambda (Serverless)
  2. Web Service (Cluster)

2. Configure Deployment​

After selecting your preferred Blueprint, the next step is to configure your deployment.

1. Pick your Source​

The first step in configuring your deployment is to select your source. You can choose to either select a repository from your connected GitHub account(s) or deploy directly from any public Git repository.

2. Select Target​

The next step is to select your Deploy target. If you are using a Serverless Blueprints, you will need to select your AWS or GCP accounts and the region where you want to deploy. For Container-based deployments, you just need to choose your cluster!

For AWS Lambda:

For a Web Service:

3. Configure Inputs​

Now that we have your Source and Target, it's time to configure your inputs to get your app running smoothly.

  • Here, you can configure your Build & Run settings, including your Build Type, Build and Run commands, and your working directory.

  • Under the Networking tab, you can expose the port that your React app listens on. This is usually Port 3000 for Create React Apps.

  • You can also add any Environment variables that your app would require during build-time and run-time.

  • For Docker based deployments only, you will see another tab called Compute. Here you can configure your CPU and Memory requirements, Persistent Volumes, and choose whether you want to use spot-instances.

4. Organize and Deploy!​

You're (almost) good to go! Final step here is to give your Project a name and a place to belong. Select the Group and Sub-Group your Project should live in, or create new ones here.

After your new Project has a name and a home, you can Deploy it, or save it as a draft to come back and Deploy when the time is right!

Resources​