Enable deployment to Cloudflare Workers with Github Actions

Author: limzykenneth

.github/workflows/beta_deploy.yml

@@ -18,25 +18,13 @@ jobs:
   build-deploy:
     runs-on: ubuntu-latest
     steps:
-    
       - name: Checkout your repository using git
         uses: actions/checkout@v4
-        
-      - name: Install, build, and upload your site output
-        env:
-          NODE_OPTIONS: "--max_old_space_size=4096"
-        uses: withastro/action@v2
-        
-      - name: Deploy to Netlify
-        uses: nwtgck/actions-netlify@v3.0
+      - name: Build website
+        run: npm run build
+      - name: Deploy to Cloudflare Workers
+        uses: cloudflare/wrangler-action@v3
         with:
-          publish-dir: './dist'
-          production-branch: "2.0"
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          deploy-message: "Deploy from GitHub Actions"
-          enable-pull-request-comment: false
-          enable-commit-comment: false
-          overwrites-pull-request-comment: false
-        env:
-          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          environment: beta

.github/workflows/deploy.yml

@@ -15,23 +15,15 @@ permissions:
   id-token: write
 
 jobs:
-  build:
+  build-deploy:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout your repository using git
         uses: actions/checkout@v4
-      - name: Install, build, and upload your site output
-        env:
-          NODE_OPTIONS: "--max_old_space_size=4096"
-        uses: withastro/action@v2
-
-  deploy:
-    needs: build
-    runs-on: ubuntu-latest
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4
+      - name: Build website
+        run: npm run build
+      - name: Deploy to Cloudflare Workers
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

wrangler.jsonc

@@ -6,12 +6,12 @@
   "observability": {
     "enabled": true
   },
-  // "routes": [
-  //   {
-  //    	"pattern": "p5js.org",
-  //    	"custom_domain": true
-  //   }
-  // ],
+  "routes": [
+    {
+     	"pattern": "p5js.org",
+     	"custom_domain": true
+    }
+  ],
   "compatibility_flags": [
     "global_fetch_strictly_public",
     "nodejs_compat"
@@ -21,12 +21,12 @@
   },
   "env": {
     "beta": {
-      // "routes": [
-      //   {
-      //    	"pattern": "beta.p5js.org",
-      //    	"custom_domain": true
-      //   }
-      // ]
+      "routes": [
+        {
+         	"pattern": "beta.p5js.org",
+         	"custom_domain": true
+        }
+      ]
     }
   }
 }