Skip to content

Deploy React App to Azure #20

Deploy React App to Azure

Deploy React App to Azure #20

name: Deploy React App to Azure
on:
push:
branches:
- main
workflow_dispatch:
permissions:
id-token: write
contents: read
jobs:
deploy:
runs-on: ubuntu-latest
steps:
# Step 1: Checkout code
- uses: actions/checkout@v4
# Step 2: Set up Node.js version
- name: Set up Node.js version
uses: actions/setup-node@v3
with:
node-version: '18.x'
# Step 3: Install dependencies
- name: Install dependencies
working-directory: ./client
run: npm install
# Step 4: Build the React app
- name: Build the React app
working-directory: ./client
run: npm run build
# Step 5: Deploy to Azure Web App
- name: Deploy to Azure Web App
uses: azure/webapps-deploy@v2
with:
app-name: 'rbac-frontend'
publish-profile: ${{ secrets.AZURE_WEBAPP_PUBLISH_PROFILE }}
package: './client/build'