Getting started with Astro
2 min read
I've got to hear about Astro from various places, and I decided to check it out and share it with you.
While using Astro, I took note of a few of its key focus points:
- It seems very simple, and most of us love simple things
- It generates static sites without having to worry about server management.
Astro gives the flexibility in creating websites with your favorite frameworks including React, Vue, Svelte, etc.
It's a great time to start with Astro.
Let's see how Astro works.
Creating Astro project
Go to your project directory and run
$ npm create astro@latest
I will choose basics option Once it finishes, run
$ npm install
and then run,
$ npm run dev
Project structure of the Astro Project,
To apply syntax highlight to the
.astro files, you need this VS Code extension to be installed,
We put pages inside
src/pages and components inside
There are numerous things that can be done with Astro, but I don't want to spoil everything in one article. They will be covered in my subsequent articles. Follow my newsletter to be notified when I publish an article.
Follow me on Twitter
Liked my content? Buy me a coffee to fuel my work.
Thanks for reading!