feat: Add GitHub Pages deployment workflow

This commit introduces a GitHub Actions workflow to automatically build and deploy the application to GitHub Pages.

- Adds a new workflow file at `.github/workflows/deploy.yml` that triggers on pushes to the `main` branch.
- The workflow installs dependencies, builds the application, and deploys the `dist` directory to the `gh-pages` branch.
- Configures `package.json` with the `homepage` URL for correct asset pathing.
- Updates `vite.config.js` with the `base` path for the same reason.
- Modifies the `test` script in `package.json` to `vitest run` to prevent it from running in watch mode in CI environments.

Author: google-labs-jules[bot]

.github/workflows/deploy.yml

@@ -0,0 +1,30 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist

package-lock.json

@@ -1,5 +1,6 @@
 {
   "name": "codespaces-react",
+  "homepage": "https://GYFX35.github.io/codespaces-react",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -19,7 +20,7 @@
     "start": "BROWSER=none WDS_SOCKET_PORT=0 vite --port 3000",
     "build": "vite build",
     "preview": "vite preview",
-    "test": "vitest"
+    "test": "vitest run"
   },
   "eslintConfig": {
     "extends": [

package.json

@@ -3,6 +3,7 @@ import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: "/codespaces-react/",
   plugins: [react()],
   test: {
     globals: true,