How to Deploy Your Astro Site to Cloudflare Pages

Learn how to deploy Astro sites to Cloudflare Pages for fast and scalable hosting with this beginner-friendly, step-by-step guide.

Watch the guide

21 steps

2 months ago

1
Let's start deploying!
Let's start deploying!
2
Open your Astro project and push it to your Git repository.
Open your <b>Astro project</b> and <b>push it</b> to your Git repository.
3
Log in to your Cloudflare account
<b>Log in</b> to your Cloudflare account
4
5
Select Overview
Select <b>Overview</b>
6
Click Create
Click <b>Create</b>
7
Select Pages
Select&nbsp;<b>Pages</b>
8
Click Connect to Git
Click <b>Connect to Git</b>
9
Click Connect GitHub
Click <b>Connect GitHub</b>
10
Click Install & Authorize
Click <b>Install & Authorize</b>
11
Select your repository to deploy
Select <b>your repository</b>&nbsp;to deploy
12
Click Begin setup
Click <b>Begin setup</b>
13
Set up your project details
Set up your <b>project details</b>
14
15
Select Astro
Select&nbsp;<b>Astro</b>
16
Click Save and Deploy
Click <b>Save and Deploy</b>
17
Cloudflare Pages is building and deploying your Astro site
Cloudflare Pages is building and deploying your Astro site
18
Once completed, click the link to view your live Astro site!
Once completed, click the link to view <b>your live Astro site!</b>
19
Make some changes locally and push them to your Git repository.
<b>Make some changes</b> locally and <b>push them</b> to your Git repository.
20
Cloudflare Pages will automatically start a new build.
Cloudflare Pages will automatically start <b>a new build</b>.
21
Your site will be updated with the latest changes!
Your site will be updated with the latest changes!