React Deployment Example

Live Demo: elarsaks.github.io/react-deployment-example/

Live example repository for the LinkedIn article:
Automate React App Deployment with GitHub Actions by Elar Saks.

---

Table of Contents

• What does this repo demonstrate?
• How does it work?
• Features
• Getting Started
• GitHub Actions Workflow
• Related Resources

What does this repo demonstrate?

• Automated deployment of a React app to GitHub Pages using GitHub Actions.
• Example workflow file: .github/workflows/deploy-react-app.yml.
• Minimal React app in src/.

How does it work?

• On every push to the deploy-react-app branch, the workflow:
  1. Checks out the code
  2. Sets up Node.js
  3. Installs dependencies
  4. Builds the React app
  5. Deploys the build/ folder to GitHub Pages using peaceiris/actions-gh-pages

Features

• Zero-config React deployment to GitHub Pages
• Modern GitHub Actions workflow
• Easy to fork and adapt for your own projects
• LinkedIn article for step-by-step guidance

Getting Started

1. Fork or clone this repository.
2. Install dependencies:

   npm install

3. Build locally (optional):

   npm run build

4. Push changes to the deploy-react-app branch to trigger deployment.

GitHub Actions Workflow

See the workflow file at .github/workflows/deploy-react-app.yml for details.

Related Resources

• React App Deployed by this repo
• LinkedIn Article: Automate React App Deployment with GitHub Actions
• GitHub Actions Documentation
• GitHub Pages Documentation

---

For a step-by-step guide and explanation, read the full article on LinkedIn: Automate React App Deployment with GitHub Actions