Uploaded September 2026 | Updated September 2026, 1 week ago
In this tutorial, you will learn how to push an Astro website from your local computer to GitHub, then deploy it automatically to Cloudflare Workers using Wrangler and Cloudflare’s CI/CD pipeline. I’ll also show you how to connect a custom domain so your new Astro site goes live on the internet.
🧠 What You Will Learn
- Wrangler: installing the Cloudflare CLI
- wrangler.jsonc: configuring your Cloudflare Worker
- GitHub: pushing a local Astro project to a new repo
- Cloudflare Workers & Pages: importing your GitHub repo
- Build settings: setting the build command and root directory
- CI/CD: auto-deploying on every GitHub push
- Custom domains: connecting your domain to Cloudflare
🔗 Links Mentioned:
📺 How To Build a Website With Astro: youtu.be/6twAecA1oJ0
📄 Astro Docs: Deploy to Cloudflare:
https://docs.astro.build/en/guides/deploy/cloudflare/
⚡ Astro: https://astro.build
☁️ Cloudflare: cloudflare.com
🐙 GitHub: github.com
Tools I Use:
00:00 Intro: About The Tutorial
00:25 Tutorial: How To Build Astro Website
01:02 Local Directory (Folder)
01:25 Prerequisites (Requirements)
02:05 Open Directory in VS Code
02:22 Refresher: Run Local Server
03:21 Stop Local Server
04:08 Install Wrangler
04:22 Create Wrangler Config File
05:21 Push To GitHub
05:52 Create New Repo on GitHub
07:09 Generate README
07:45 Commit & Push
08:49 Deploy To Cloudflare (Astro Docs)
09:30 CloudFlare Workers & Pages
09:57 Setup Application
10:16 Path To Directory
11:06 Deploy (Build Site)
11:29 Add Domain
12:31 How To Make Changes TO Website
🌐 Mike Murphy AI: mikemurphy.ai
🚀 Hostinger VPS: go.mikemurphy.ai/vps
🎙️ ElevenLabs: go.mikemurphy.ai/elevenlabs
⏱️ Timestamps
⭐ Connect with Me
➜ Website: mikemurphy.ai
➜ YouTube: youtube.com/mikemurphyco
➜ Newsletter: mikemurphy.ai/newsletter
➜ X: https://x.com/mikemurphyai
⚖️ Disclosure
Some links may be affiliate links, which means I may earn a commission if you purchase through them at no extra cost to you. I only share tools and services I use, trust, or think are useful for creators, small businesses, and tutorial makers.
#astro #cloudflare #cloudflareworkers #github #wrangler #cicd #webdevelopment #jamstack #staticsite #deployment #vscode #webhosting #tutorial #mikemurphyai
In this tutorial, you will learn how to push an Astro website from your local computer to GitHub, then deploy it automatically to Cloudflare Workers using Wrangler and Cloudflare’s CI/CD pipeline. I’ll also show you how to connect a custom domain so your new Astro site goes live on the internet.
🧠 What You Will Learn
- Wrangler: installing the Cloudflare CLI
- wrangler.jsonc: configuring your Cloudflare Worker
- GitHub: pushing a local Astro project to a new repo
- Cloudflare Workers & Pages: importing your GitHub repo
- Build settings: setting the build command and root directory
- CI/CD: auto-deploying on every GitHub push
- Custom domains: connecting your domain to Cloudflare
🔗 Links Mentioned:
📺 How To Build a Website With Astro: youtu.be/6twAecA1oJ0
📄 Astro Docs: Deploy to Cloudflare:
https://docs.astro.build/en/guides/deploy/cloudflare/
⚡ Astro: https://astro.build
☁️ Cloudflare: cloudflare.com
🐙 GitHub: github.com
Tools I Use:
00:00 Intro: About The Tutorial
00:25 Tutorial: How To Build Astro Website
01:02 Local Directory (Folder)
01:25 Prerequisites (Requirements)
02:05 Open Directory in VS Code
02:22 Refresher: Run Local Server
03:21 Stop Local Server
04:08 Install Wrangler
04:22 Create Wrangler Config File
05:21 Push To GitHub
05:52 Create New Repo on GitHub
07:09 Generate README
07:45 Commit & Push
08:49 Deploy To Cloudflare (Astro Docs)
09:30 CloudFlare Workers & Pages
09:57 Setup Application
10:16 Path To Directory
11:06 Deploy (Build Site)
11:29 Add Domain
12:31 How To Make Changes TO Website
🌐 Mike Murphy AI: mikemurphy.ai
🚀 Hostinger VPS: go.mikemurphy.ai/vps
🎙️ ElevenLabs: go.mikemurphy.ai/elevenlabs
⏱️ Timestamps
⭐ Connect with Me
➜ Website: mikemurphy.ai
➜ YouTube: youtube.com/mikemurphyco
➜ Newsletter: mikemurphy.ai/newsletter
➜ X: https://x.com/mikemurphyai
⚖️ Disclosure
Some links may be affiliate links, which means I may earn a commission if you purchase through them at no extra cost to you. I only share tools and services I use, trust, or think are useful for creators, small businesses, and tutorial makers.
#astro #cloudflare #cloudflareworkers #github #wrangler #cicd #webdevelopment #jamstack #staticsite #deployment #vscode #webhosting #tutorial #mikemurphyai
