Astro for Impatient Devs

Astro is a JavaScript framework designed to help you ship no JavaScript. Wait... what? Yep! Astro excels at creating static sites like blogs or portfolios, though you can sprinkle in some client-side interactivity where needed.
This video is a blitz through Astro's greatest features in record time. Strap in!
Resources:
Astro: astro.build
Astro docs: docs.astro.build
My portfolio site: ihh.dev
Portfolio site GitHub: github.com/isaacharrisholt/po...
__________________________________________
Check out my other socials!
🎮 Discord ▶ discordapp.com/invite/bWrctJ7
🐦 Twitter ▶ / isaacharrisholt
🖥️ Portfolio ▶ ihh.dev
📝 Blog ▶ isaacharrisholt.com
__________________________________________
Timestamps:
00:00 - Intro to Astro
00:28 - Installation and setup
00:45 - Project layout
01:22 - Astro components
02:42 - Pages
03:26 - Markdown pages
04:44 - Images
05:38 - Integrations
06:04 - Astro Islands
06:51 - SSR and hybrid rendering
07:32 - Dynamic routes
08:07 - Content collections
09:30 - View transitions
#astro #javascript #typescript #webdevelopment #softwareengineer

[@CreativeB34ST]

So much information in so little time. Had to rewatch many times. My brains exploded, I like it

[@IsaacHarrisHolt]

I'm glad you found it helpful!

[@zill_laiss]

Astro is so easy that I made my blog only in three days, and most of the time I spent was struggling with CSS, like making my site reactive for mobile etc.
You can learn Astro essential features in a day!

[@IsaacHarrisHolt]

Totally agree! Astro is fantastic, and I love it

[@gnorts_mr_alien]

very information dense, no bs. I love the video style, keep it up!

[@IsaacHarrisHolt]

Thanks! I hope you found it helpful

[@jaishkhan7442]

It's the best framework ever!
You can every single rendering pattern (SSR, SSG etc.) and use any frontend framework (React, Angular etc.) OR combine them all like what??????
I'm yet to see where it falls short tbh except for it having not much documentation beyond their own docs.

[@IsaacHarrisHolt]

I agree! I think it's missing a couple of useful server side bits like server layouts that would be useful for full stack apps. Otherwise, it's really amazing

[@unity_12]

Super! Let's watch more vidaeos about astrojs and astroDB

[@IsaacHarrisHolt]

For sure!

[@gambhirsharma]

Does anybody has any idea show to configure conform.nvim to format .astro filetypes in NeoVim?

[@IsaacHarrisHolt]

Astro formatting is just done using a Prettier plugin, so if you can get Prettier working you're set :)

[@zuzukouzina-original]

In that case there’s no reason to try another framework than Sveltekit.

[@IsaacHarrisHolt]

I'm definitely a SvelteKit lover (it's what I use every day!), but I'm curious why this video makes you think that

[@eineatombombe]

"50 ways to eat your mom" bro what 💀

[@IsaacHarrisHolt]

I was slightly delirious when I wrote these slides, can't lie

[@utkutekalmaz]

Rust for impatient please :(

[@IsaacHarrisHolt]

No Boilerplate did a very good one :)

[@christopherwood6514]

first

[@IsaacHarrisHolt]

Congrats