🚀 Setup to Deploy React.js App on cPanel

Follow these steps to deploy your React app on a cPanel server:

1️⃣ Create and Build Your React App

1. Open a terminal or command prompt.

2. Navigate to the directory where you want to create the React app.

   # npx create-react-app your-app-name 

3. Go to the app’s root directory:

   # cd your-app-name

4. Open package.json in a text editor and add your domain:

   "homepage": "http://yourdomain.com"

5. Install dependencies:

   # npm install # or yarn install

6. Build the production files:

   #  npm run build

    or

   # yarn build

2️⃣ Add .htaccess for React Routing

Inside the public folder of your React app, create a file named .htaccess and add this:

👉 This ensures React handles routing properly (avoids 404 on refresh).

3️⃣ Upload Files to cPanel

1. Log in to cPanel.

2. Open File Manager.

3. Go to the public_html directory (or the addon domain folder if using a subdomain/domain).

4. Upload the contents of the build folder (not the folder itself, just its contents).

5. Save and confirm.

4️⃣ Verify Deployment

• Open your domain in the browser → it should load your React app.

• If you see issues with routing, double-check the .htaccess file.