https://github.com/redhat-developer-demos/react-openshift-example
https://github.com/redhat-developer-demos/react-openshift-example
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/redhat-developer-demos/react-openshift-example
- Owner: redhat-developer-demos
- License: apache-2.0
- Created: 2023-09-30T18:44:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-19T17:11:29.000Z (over 1 year ago)
- Last Synced: 2025-01-23T07:47:53.589Z (5 months ago)
- Language: JavaScript
- Size: 187 KB
- Stars: 1
- Watchers: 11
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Steps to Deploy an React on Red Hat OpenShift
The [Developer Sandbox for Red Hat OpenShift](https://developers.redhat.com/developer-sandbox) is a free-to-use OpenShift instance for you to experiment with OpenShift for your use cases.The development of dynamic and responsive web applications has evolved into a fundamental requirement. Node.js and React stand out as formidable technologies capable of crafting these applications with finesse. Our workflow involves the creation and deployment of applications directly from GitHub onto an OpenShift sandbox environment.
Follow these steps to start your sandbox instance and deploy your React app:
1. Create a Red Hat Sandbox account using [https://developers.redhat.com/developer-sandbox](https://developers.redhat.com/developer-sandbox)
2. Once you have the account and are signed in, On the left side menu, click on **+Add**.
3. Select **Import from Git**.
4. Specify your Git repo URL. For the sake of this tutorial, we use[https://github.com/redhat-developer-demos/react-openshift-example.git](https://github.com/redhat-developer-demos/react-openshift-example.git). But, you can choose any React repo.
5. Add a **Containerfile** to your repo. The Containerfile helps developers to specify the environment needed for running your applications. In case, you do not have a Containerfile on your project, you can add add one to your repo by referring to [https://github.com/redhat-developer-demos/react-openshift-example/blob/main/Containerfile](https://github.com/redhat-developer-demos/react-openshift-example/blob/main/Containerfile)
6. OpenShift will detect the Containerfile from the git repository. In case the Containerfile is in a subdirectory, you need to provide the path of Containerfile.
[ NOTE: If the containerfile/Dockerfile is not detected, click Import Edit Strategy. Select as Dockerfile, define the path as Containerfile. ]
7. Choose a Resource Type field, please choose either Deployment or Serverless Deployment (default option) depending on your preference.
8. Select **Target Port** under Advanced options to define the port 3000 that will receive the container's traffic.
9. Click on **Create**.
10. You will now be directed to the Topology view, and the application will commence deployment. Please allow some time for the build & deployment process to complete. While it is in progress, you will have the opportunity to monitor the **logs**.
11. Once it’s done deploying, you can click on the **↗** OpenURL icon to see the webpage of your React application running on OpenShift.
In this tutorial, you learned how to deploy a React application on Red Hat OpenShift. Red Hat OpenShift has powerful features that make it easy to manage and scale your React application in production.