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.
There are use cases where I would pick something else, for example if I was building a SaaS or a site with login and authentication and a database, Astro would not be the right tool.
Everything is possible, but other tools are best suited for this.
With that said, let’s build our first Astro site!
Lessons this unit:
|1:||Your first Astro site|
|2:||The structure of an Astro site|
|4:||Adding more pages|
|6:||Markdown in Astro|
|9:||CSS in Astro|
|11:||Client-side routing and view transitions|
|12:||SSR in Astro|
|13:||API endpoints in Astro|
|14:||Managing forms in Astro COMING SOON|