Tutorials
One job, start to finish. Follow the steps and it works.
How to Deploy an Astro Site to Cloudflare Workers
Put your Astro site online with Cloudflare Workers in four steps. This is how AstroBeginner itself is hosted, so every step has been run for real.
How to Add Tailwind CSS to Astro
Add Tailwind CSS to an Astro site with one command, then style your first element. Tested on Astro 7.4 and Tailwind 4.
How to Add Images to an Astro Site
Add an image to your Astro site, and let Astro shrink and convert it automatically. One test image went from 62 kB to 5 kB.
How to Add a Sitemap to Astro
Create a sitemap for your Astro site in three steps, so search engines can find every page. Includes the robots.txt line.
How to Add Custom Fonts to Astro
Use Astro's built-in Fonts API to add a Google or Fontsource font in three steps, with the font files served from your own site.
How to Add Page Transitions to Astro
Make moving between pages feel smooth with Astro's ClientRouter, or with one line of CSS that needs no JavaScript at all.
How to Create a Custom 404 Page in Astro
Replace the plain 'not found' error with a helpful page of your own. It takes one file.
How to Move a WordPress Site to Astro
Three ways to move from WordPress to Astro, from keeping WordPress as your editor to exporting everything to Markdown files.
How to Add a Blog to Your Astro Site
Add a blog to your Astro site with content collections. Write posts in Markdown and let Astro build the pages for you.
How to Deploy an Astro Site to GitHub Pages for Free
Publish your Astro site with GitHub Pages and have it update automatically every time you push a change.
How to Fix the Most Common Astro Errors
The errors beginners hit most often in Astro, what they actually mean, and how to fix each one.