Skip to main content

Deploying A Project

In this section, we will walk through deploying a project. We will be using a sample react application for this deployment, showing swift and effortless deployments are on PipeOps.

Prerequisites:​

Step 1: Check Repository Connection​

Connecting a repository to your account is essential for seamless deployment.

  • If you created your account using any of the repository providers (GitHub, GitLab, Bitbucket), you can skip this step, as your account is already linked.
  • You can proceed to the next step if your account is pre-linked.

Step 2: Connect Repository​

  1. If you need to connect a repository manually, click on your preferred repository provider (GitHub, GitLab, Bitbucket).

Repository Provider Selection

  1. Authenticate your account to establish a connection between your repository provider and your dashboard.

Repository Authentication

  1. Once authenticated, your repository is successfully connected.

Note​

  • Connecting your repository allows for automatic deployment and other repository-related functionalities.

Congratulations! Your repository is now linked to your account. You can proceed with deploying your first project and leveraging the full power of our platform.

  1. For this example, we shall test with the template project provided, which is on the right pane of the screen. Select Pipeops ReactJS.

    2.png This will lead to the next stage of configuring the deployment.

  2. PipeOps automatically generates a name for the project to be deployed (which can be edited later, see: How to Edit a Project Name). Configures a default server and environment for the project deployment.

    2.png Click Proceed to continue to the next stage

  3. In the next stage, we shall select the Framework we are building with, and the Build method, in this case we shall choose ReactJS and Node (Static Frontend) respectively.

    2.png Click the Deploy Project button to start the build and deploy the project.

  4. PipeOps will start the build and deployment process, and show the logs of the build and deployment process, to enable tracking of the process.

    2.png

  5. When the deployment is done, you get a notification stating that the deployment is complete and successful

    2.png Click the Got it button to return to the project

  6. In returning to the project, we can see all the details of the project that has been configured, and some added information that tells us the status of the project.

    2.png

There are various; History, Observability, Logs, Events, Terminal and Settings are used to monitor, observe, debug and re-configure the project.

  1. To view the application that was deployed, click the View Project link.

    2.png

  2. This will automatically launch the application on a new tab

  3. This setup has some basic configurations applied by default

    1. Application Network Port
    2. Network Access Port ([Environment Variable])
    3. Single Replica with 0.1 CPU and 212MB RAM ([Scaling and Replication])
    4. Auto Deploy a branch when a code change is checked-in.

To delete a project, use the Delete Project guide here.