Deploy to Netlify

.github/workflows/build.yml

@@ -6,6 +6,8 @@ on:
   pull_request:
     branches:
       - main
+env:
+  BRANCH_NAME: ${{ github.ref_name }}
 jobs:
   lint:
     runs-on: ubuntu-latest
@@ -36,6 +38,15 @@ jobs:
   build:
     runs-on: ubuntu-latest
     needs: test
+    environment: development
+    env:
+      VITE_CI: true
+      VITE_API_KEY: ${{vars.VITE_API_KEY}}
+      VITE_AUTH_DOMAIN: ${{vars.VITE_AUTH_DOMAIN}}
+      VITE_PROJECT_ID: ${{vars.VITE_PROJECT_ID}}
+      VITE_STORAGE_BUCKET: ${{vars.VITE_STORAGE_BUCKET}}
+      VITE_MESSAGING_SENDER_ID: ${{vars.VITE_MESSAGING_SENDER_ID}}
+      VITE_APP_ID: ${{vars.VITE_APP_ID}}
     steps:
       - name: Checkout the code
         uses: actions/checkout@v4
@@ -54,6 +65,29 @@ jobs:
         with:
           name: dist-files
           path: dist
+  deploy:
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Get build artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: dist-files
+          path: ./dist
+      - name: Output files
+        working-directory: ./dist
+        run: ls -l
+      - name: Install Netlify CLI
+        run: npm install -g netlify-cli
+      - name: Deploy to Netlify
+        run: |
+          prod_flag=""
+          if [ "$BRANCH_NAME" = "main" ]; then prod_flag="--prod"; fi
+          netlify deploy \
+            --dir dist \
+            --site ${{ secrets.NETLIFY_SITE_ID }} \
+            --auth ${{ secrets.NETLIFY_API_TOKEN }} \
+            $prod_flag
   report:
     runs-on: ubuntu-latest
     needs: [lint, build]

.gitignore

@@ -31,3 +31,6 @@ firebase/data
 *.njsproj
 *.sln
 *.sw?
+
+# Local Netlify folder
+.netlify

.prettierignore

@@ -1 +1,2 @@
 dist
+cspell.json

cspell.json

@@ -1,4 +1,7 @@
 {
-  "ignoreWords": ["tseslint", "tailwindcss", "testid", "svgr", "firestore"],
+  "ignoreWords": [
+    "tseslint", "tailwindcss", "testid", "svgr",
+    "firestore", "vite"
+  ],
   "words": ["crwn"]
 }