workflow #4

	name: Deploy React to github pages
	on:
	push:
	branches:
	- main
	paths-ignore:
	- README.md
	workflow_dispatch:
	jobs:
	build:

	runs-on: ubuntu-latest
	steps:
	- name: get Code
	uses: actions/checkout@v4
	- name: Install Node 20
	uses: actions/setup-node@v4
	with:
	node-version: 20
	- name: cache Dependencies
	uses: actions/cache@v4
	with:
	path: ~/.npm
	key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
	- name: install Dependencies
	run: npm ci
	- name: Build Project
	run: npm run build
	- name: Upload Dist Artifact
	uses: actions/upload-pages-artifact@v3
	with:
	name: github-pages
	path: dist
	deploy:
	needs: build
	runs-on: ubuntu-latest
	# Grant GITHUB_TOKEN the permissions required to make a Pages deployment
	permissions:
	pages: write # to deploy to Pages
	id-token: write # to verify the deployment originates from an appropriate source

	# Deploy to the github-pages environment
	environment:
	name: github-pages
	url: ${{ steps.deployment.outputs.page_url }}

	steps:
	- name: Deploy to GitHub Pages
	id: deployment
	uses: actions/deploy-pages@v4
	with:
	token: ${{secrets.GITHUB_TOKEN}}

Provide feedback