Merge pull request #5 from ymat19/feat/add-demo-page

Feat/add demo page

src/front/vite-project/front_config.json.sample → .github/demoData/front_config.json.demo

@@ -1,10 +1,10 @@
 {
-	"about": "当サイトについて",
-	"api_endpoint_url": "api_gateway_endpoint",
-	"contact_email": "hoge@hoge",
-	"contact_x": "@hoge",
+	"about": "デモページです",
+	"api_endpoint_url": "none",
+	"contact_email": "none",
+	"contact_x": "none",
 	"license_notice": "著作注釈",
 	"technology_about": "当サイトのフロントエンドは、以下のオープンソースソフトウェア（OSS）によって支えられています。これらの素晴らしいプロジェクトに深く感謝いたします。\n\n- React\n- chakra-ui\n- emotion\n- react-iconsn\n",
-	"title": "website_title",
-	"work_urls": "作品URL"
+	"title": "デモページ",
+	"work_urls": "none"
 }

.github/workflows/deploy.yml

@@ -0,0 +1,52 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Set up Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 23
+      - name: Install dependencies
+        working-directory: src/front/vite-project
+        run: npm install
+      - name: Copy DemoData
+        run: mkdir ./src/front/vite-project/public && cp ./.github/demoData/front_config.json.demo ./src/front/vite-project/public/front_config.json
+      - name: Build project
+        working-directory: src/front/vite-project
+        run: npm run build -- --mode demo --base /$(basename ${{ github.repository }})/
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: './src/front/vite-project/dist'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

src/front/vite-project/package.json

@@ -22,6 +22,7 @@
   "devDependencies": {
     "@eslint/js": "^9.13.0",
     "@types/crypto-js": "^4.2.2",
+    "@types/node": "^22.10.7",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",

src/front/vite-project/src/App.tsx

@@ -55,7 +55,7 @@ const App: React.FC = () => {
   useEffect(() => {
     const loadConfig = async () => {
       try {
-        const response = await fetch("front_config.json");
+        const response = await fetch(`${import.meta.env.BASE_URL === '/' ? '' : import.meta.env.BASE_URL}/front_config.json`);
         if (!response.ok) {
           throw new Error(`Failed to fetch: ${response.statusText}`);
         }