Astro
Astro is a great tool, ideal for building websites and in particular content sites, but not limiting you to that.
astro framework

Astro is a great tool to build websites.

I use it for a ton of stuff and it’s always my default choice when I’m building a website nowadays.

This is an Astro site. My blog is an Astro site. I have a ton of other Astro sites around. That’s to say, I’m a big fan.

Why is Astro so dear to me?

It’s its focus on static sites, in particular content sites, and specifically sites that use Markdown to manage content. It has a lot of features for sites with a lot of content to manage.

With a unique DX (developer experience) that makes it super nice to build and maintain a website.

It’s also the perfect introduction to more complex tools, because Astro has components that use a syntax similar to JSX (used by React), but also supports embedding any kind of frontend framework to add more interactivity to your pages.

Sites are very fast to build, and most importantly very fast to the user, since the end result is a static site.

And we can easily host an Astro site on any popular static site hosting like Netlify or Cloudflare Pages.

Those are just a few reasons.

You can also use Astro to build a SaaS or a site with login and authentication and a database.

Almost everything is possible.

With that said, let’s build our first Astro site!

Lessons in this unit:

0: ▶︎ Introduction
1: Your first Astro site
2: The structure of an Astro site
3: Astro components
4: Adding more pages
5: Dynamic routing
6: Markdown in Astro
7: Images
8: Content collections
9: CSS in Astro
10: JavaScript in Astro
11: Client-side routing and view transitions
12: SSR in Astro
13: API endpoints in Astro
Want to learn more? Check out our courses