Astro tutorials and guides
Everything we've published, newest first.
What Is EmDash? Cloudflare's Astro CMS Explained
EmDash is an open-source CMS from Cloudflare, built on Astro. Here's what it does, how it differs from WordPress, and who it's for.
How to Install EmDash (Step by Step)
Create your first EmDash site on your own computer. One command sets up the project, then you finish the setup in your browser.
EmDash vs WordPress: Which Should You Choose?
An honest comparison of EmDash and WordPress on plugins, security, hosting and ease of use, including when WordPress is still the better choice.
Astro vs EmDash: Do You Need a CMS?
Astro and EmDash aren't rivals. EmDash is a CMS built on Astro. Here's how to decide whether plain Astro is enough for your site.
How to Move a WordPress Site to EmDash
EmDash can import your WordPress posts, pages and media. Here are the steps, what comes across, and what you'll need to rebuild.
Astro SEO: A Beginner's Guide to Getting Found on Google
Everything an Astro site needs to rank: titles, descriptions, canonical links, a sitemap, social previews and structured data, with code you can copy.
Astro vs Next.js: Which Is Better for Beginners?
Astro and Next.js are both popular, but they're built for different jobs. Here's which one to learn first, and why.
Best CMS for Astro: 5 Options for Beginners Compared
The best content management systems for Astro, from EmDash to Keystatic and Sanity, and how to pick one without overthinking it.
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.
Best Hosting for Astro: 4 Options Compared
We compare Cloudflare, Netlify, Vercel and GitHub Pages for Astro sites, and name the best choice for different kinds of site.
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 Make a Website With Astro (Step by Step)
Build and publish your first website with Astro in about an hour. No coding experience needed, just a computer and a free account.
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.
Astro 7: What Beginners Need to Know
Astro 7 brings faster builds and stricter HTML rules. Here's what changed, in plain English, and what it means if you're just starting out.
What Is Astro? A Plain-English Explanation
Astro is a free tool for building fast websites. Here's what it does, who it's for, and how it differs from WordPress and React.
Astro vs WordPress: Which Should a Beginner Choose?
An honest comparison of Astro and WordPress on cost, speed, security and ease of use, including when WordPress is the better choice.
12 Big Names Using Astro
From IKEA to Porsche, real organisations appear in Astro's official showcase. Here's who's on it, and what it means for your first site.
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.
How to Add an Integration to Astro
Integrations add new abilities to your Astro site, a bit like plugins. Here's how to install one with a single command.
How to Install an Astro Theme
Astro themes aren't installed like WordPress themes. Here's how to start a project from a theme and make it your own.
Why Your First Website Should Be a Static Site
Beginners are often told to start with a big platform. We think a simple static site teaches you more and costs you less.