Astro Crash Course in 20 Minutes!

Astro is a modern take on static site generators, but it's so much more than that! By default, it ships zero client-side JavaScript, so it's incredibly performant and ideal for content-rich sites. Better still, you can use nearly any UI framework for the markup and then only hydrate those components when they need to be interactive. Here’s the briefest of overviews in about 20 minutes.

🔗 Key Links 🔗

---------------------------------------

📹 Related Videos 📹

---------------------------------------

⏲️ Timestamps ⏲️
0:00 Introduction
2:28 Installation
3:04 Astro Structure
4:27 Astro Components
6:30 Layouts and Slots
10:43 CSS
14:10 Client-side JavaScript
16:49 Tailwind in Astro
18:14 React Components in Astro

---------------------------------------
🎨 VSCode Theming

---------------------------------------

🌐 Connect With Me 🌐

[astrodotbuild]

Astro seriously approves this message. Delivered by a true professional, such a great presentation of our framework, and thank you for the kind words.
💚🤘👩‍🚀🤘💚

[maikolhernandez]

You have such a great talent at explaining things... that was fluid and beautiful. Thank you so much.

[horusmabia]

This is one of the best introduction to a framework I've ever seen. I truly feel ready to be productive with astro. Thanks a lot for this awesome content!

[giroda]

I wish we had an option in youtube that we vote on the features of the videos and make the other video presenters could see, I would give the highest rate to the narration in here. One of the few videos ever seen in learning aspect without touching speed option or pause for any reason. It took my attention only once and kept it til the end like a water flow even in afternoon time which is the hours for me to learn something is not easy. Thank you.

[skb]

As I commented before.. I have been wanting to play around with Astro, but I was scared and confused on where to start.
This video was exactly what I needed. I love how quickly you moved through the steps, too.
Can't wait for your longer series! Thank you :)

[codehorror]

Only just discovered Astro. This is very awesome. I spent 6 months away from programming, came back and there's a tonne of new things going on in the JS world. Moves so fast I can hardly keep up. But this right here solves many of my problems with my current workflow which was ReactJS and Hugo.

[ashuzon]

20 minutes is all I need as a developer. Thank you for the video!

[nyashachiroro]

This channel is on it's way to becoming one of the best coding channels ever.

[uneverknow]

One of the best frontend and Astro crash courses to ever exist. It is straight to the point. Covers every important topic in detail too. Thank you so much!!!

[RodrigoDAgostino]

The way you teach and explain things is something hard to come by.
So thank you for your valuable content and thank you for spending so much time going through very valuable technologies like Svelte and Astro :)
Subscribed!

[vinayjangra]

Best video on astro, i found it after scrolling youtube for like 3-4 hours. Thanku

[jayadky]

Amazing video man! Really interested to try Astro out for my next projects!!🔥

[MuhammadQasim-]

Amazing video. I just started using Astro a few days ago (I built my personal site with it), and though I have very little JS knowledge so far, I am very comfortable with it. This video was an eye-opener, I thought of it as just like a static site generator like Jekyll or Hugo, but it is way more powerful.

[bulelanibotman]

my god! i am really really interested now esp the island concept, running JS when the client is visible is awesome!

[alittlegreyhair]

A great demonstration and clear explanation of Astro. Many thanks for creating this. Looking forward to Astro 3.0 later this week.

[qandos-nour]

this is the first time for me I saw a proficienal front-end developer in a video
you are amazing

[omarjab]

you're really good at explaining technical things in such an easy way and also you're great at making it interesting to follow and not boring. im glad I found your channel today 🖤
you gained a new subscriber

[NishanthNair]

Great content! It has everything an experienced developer needs to get started on Astro. Thank you!

[_ash]

Starting to learn the Astro framework today! Appreciate the recommendation!

[alexpiano]

A total teaser! thank you! I'll start following your astro series right now :)