use github pages #1

	# Dockerでビルドしたpackageをgithub-pagesにホストする
	on:
	push:
	# branches:
	# - master

	permissions:
	contents: read
	pages: write
	id-token: write

	concurrency:
	group: "pages"
	cancel-in-progress: false

	# env:
	# GITHUB_CONTAINER_REGISTRY_TAG: ryosukedtomita/github-pages-test-docker
	# IMAGE_NAME: react-app


	jobs:
	build:
	runs-on: ubuntu-latest

	steps:
	- name: Checkout repository
	uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7

	# dockerでbuildしたパッケージをローカルにコピーする。
	- name: Build app with docker
	run: \|
	docker buildx bake --set react-app.args.BUILD_ENV=staging
	docker compose cp react-app:/usr/share/nginx/html build
	# Deploymentsにupload
	- name: Upload artifact
	uses: actions/upload-pages-artifact@56afc609e74202658d3ffba0e8f6dda462b719fa # v3.0.1
	with:
	path: ./build

	deploy:
	environment:
	name: github-pages
	url: ${{ steps.deployment.outputs.page_url }}
	runs-on: ubuntu-latest
	timeout-minutes: 10
	needs: build
	steps:
	- name: Deploy to GitHub Pages
	id: deployment
	uses: actions/deploy-pages@d6db90164ac5ed86f2b6aed7e0febac5b3c0c03e # v4.0.5

Provide feedback