Kevin Powell | Astro makes websites faster & easier to build @KevinPowell | Uploaded June 2023 | Updated October 2024, 1 hour ago.
There’s been a lot of hype around Astro in the frontend community, and with good reason! It has a fantastic dev-experience, ships zero-JS by default, and maybe what I love the most about it, it *super* easy to get started with!
It’s incredibly powerful and you can do some amazing things with it, but unlike some other solutions out there, you don’t need to get knee-deep into all of that before you can start using it. It feels like a very natural progression from vanilla HTML, CSS, and JS, and you can start slow and slowly level up your game with it over time.
In this one, I’m looking more at some of the simple things that you can do to work faster (and hopefully show you how easy it is to do!), rather than a look at starting a project from zero, but if you’d like to see a project where we build it starting from scratch, please do let me now 🙂.
🔗 Links
✅ The video where I made this with HTML & CSS:
✅ Astro’s site: https://astro.build/
✅ Astro’s documentation: https://docs.astro.build/en/getting-started/
✅ Astro extension for VS Code: marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode
⌚ Timestamps
00:00 - Introduction
00:32 - A quick look at the benefits of Astro
02:15 - Adding my CSS through an import
03:12 - Creating a component with scoped CSS
07:50 - Creating components that use props
12:05 - Creating content from markdown files
#css
--
Come hang out with other dev's in my Discord Community
💬 discord.gg/nTYCvrK
Keep up to date with everything I'm up to
✉ kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 twitch.tv/kevinpowellcss
---
Help support my channel
👨🎓 Get a course: kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: patreon.com/kevinpowell
---
My editor: VS Code - code.visualstudio.com
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell
Github: github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
There’s been a lot of hype around Astro in the frontend community, and with good reason! It has a fantastic dev-experience, ships zero-JS by default, and maybe what I love the most about it, it *super* easy to get started with!
It’s incredibly powerful and you can do some amazing things with it, but unlike some other solutions out there, you don’t need to get knee-deep into all of that before you can start using it. It feels like a very natural progression from vanilla HTML, CSS, and JS, and you can start slow and slowly level up your game with it over time.
In this one, I’m looking more at some of the simple things that you can do to work faster (and hopefully show you how easy it is to do!), rather than a look at starting a project from zero, but if you’d like to see a project where we build it starting from scratch, please do let me now 🙂.
🔗 Links
✅ The video where I made this with HTML & CSS:
✅ Astro’s site: https://astro.build/
✅ Astro’s documentation: https://docs.astro.build/en/getting-started/
✅ Astro extension for VS Code: marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode
⌚ Timestamps
00:00 - Introduction
00:32 - A quick look at the benefits of Astro
02:15 - Adding my CSS through an import
03:12 - Creating a component with scoped CSS
07:50 - Creating components that use props
12:05 - Creating content from markdown files
#css
--
Come hang out with other dev's in my Discord Community
💬 discord.gg/nTYCvrK
Keep up to date with everything I'm up to
✉ kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 twitch.tv/kevinpowellcss
---
Help support my channel
👨🎓 Get a course: kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: patreon.com/kevinpowell
---
My editor: VS Code - code.visualstudio.com
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell
Github: github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
