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: https://astro.build
Astro docs: https://docs.astro.build
My portfolio site: https://ihh.dev
Portfolio site GitHub: https://github.com/isaacharrisholt/portfolio-site
__________________________________________
Check out my other socials!
🎮 Discord ▶ https://discordapp.com/invite/bWrctJ7
🐦 Twitter ▶ https://twitter.com/IsaacHarrisHolt
🖥️ Portfolio ▶ https://ihh.dev
📝 Blog ▶ https://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
