Deploying a React App to SAP BTP Cloud Foundry: A Beginner's Guide

This article provides a step-by-step guide on deploying a React app to SAP Business Technology Platform (BTP) Cloud Foundry. The process involves creating a new React app, running it locally, building it for production, creating a manifest.yaml file, logging in to Cloud Foundry, and deploying the app. Once deployed, the app can be accessed through the SAP BTP Cockpit. The article assumes no authentication is configured, so the app opens directly without requiring login.

Deploying a React app to SAP Business Technology Platform (BTP) Cloud Foundry involves several steps, from creating the app locally to deploying it to the cloud. This guide will walk you through the process, ensuring your app is accessible through the SAP BTP Cockpit without requiring authentication.

Step 1: Create a New React App
Begin by creating a new React app using Create React App. Open your terminal and run the following command:
```bash
npx create-react-app my-react-app
```
This will generate a new React application in a folder named `my-react-app`.

Step 2: Run the App Locally
Navigate to the project directory and start the development server:
```bash
cd my-react-app
npm start
```
Your app should now be running locally at `http://localhost:3000`.

Step 3: Build the App for Production
To prepare your app for deployment, build it for production:
```bash
npm run build
```
This will create a `build` directory containing the optimized production build of your app.

Step 4: Create a Manifest File
Create a `manifest.yml` file in the root of your project. This file will define the deployment configuration for your app. Here's an example:
```yaml
---
applications:
- name: my-react-app
memory: 512M
disk_quota: 1G
instances: 1
path: build
buildpacks:
- nodejs_buildpack
command: npm start
```
This configuration specifies the application name, memory and disk quota, number of instances, buildpack, and start command.

Step 5: Log in to Cloud Foundry
Log in to your SAP BTP Cloud Foundry account using the Cloud Foundry CLI:
```bash
cf login -a https://api.cf.region.hana.ondemand.com
```
Replace `region` with your SAP BTP region.

Step 6: Deploy the App
Deploy your app to Cloud Foundry:
```bash
cf push
```
This command will deploy your app to the specified space in your SAP BTP Cloud Foundry account.

Step 7: Access the App
Once deployed, you can access your app through the SAP BTP Cockpit. Log in to the Cockpit and navigate to the Apps section to find your deployed app. Click on the app to view its details and access the URL.

Conclusion
By following these steps, you can successfully deploy a React app to SAP BTP Cloud Foundry. This guide provides a straightforward approach to get your app up and running in the cloud without the need for authentication.

References
[1] https://www.npmjs.com/package/@sap/approuter