Add Cloudflare Pages deployment

.github/workflows/build-n-publish.yml

@@ -75,6 +75,12 @@ jobs:
         with: 
           path: frontend/build
 
+      - name: Upload Zipped Site Artifact
+        uses: actions/[email protected]
+        with:
+          name: cf-site
+          path: frontend/build
+
 
   deploy-frontend:
     name: Deploy Frontend
@@ -95,6 +101,41 @@ jobs:
         uses: actions/[email protected]
 
 
+  deploy-frontend-new:
+    name: Deploy Frontend (Cloudflare Pages)
+    if: ${{ needs.setup.outputs.frontend-changed == 'true' || inputs.deploy-frontend }}
+    runs-on: ubuntu-latest
+    needs: 
+      - setup
+      - build-frontend
+    permissions:
+      pages: write      # to deploy to Pages
+      id-token: write   # to verify the deployment originates from an appropriate source
+    environment:
+      name: cloudflare-pages
+      url: https://blog-frontend.flinnlab.workers.dev
+    steps:
+      - uses: actions/[email protected]
+        with:
+          name: cf-site
+          path: frontend/build
+
+      - name: Test path
+        run: ls -alh frontend/build
+
+      - name: Deploy to CloudFlare Pages
+        id: deployment
+        uses: cloudflare/[email protected]
+        with:
+          workingDirectory: frontend
+          apiToken: ${{ secrets.CF_API_KEY }}
+          accountId: ${{ secrets.CF_ACCOUNT }}
+          projectName: blog-frontend
+          directory: build
+          gitHubToken: ${{ secrets.GITHUB_TOKEN }}
+          branch: main
+
+
   build-n-deploy-data:
     name: Build Data
     if: ${{ needs.setup.outputs.data-changed == 'true' || inputs.update-data }}