Web Frameworks / Astro
Fundamentals
What Astro is for, creating a project, and writing .astro components.
What is Astro
Astro renders pages to HTML on the server and ships JavaScript only for the components that need it. This overview explains the islands model, the kind of site Astro is built for, how the project got here, and when another framework is the better choice.
Creating an Astro project
Scaffold a project with the create-astro wizard, learn which folders Astro treats specially, and run the dev, build, preview, and check commands. The steps end with a configured project ready for the rest of the series.
Astro components
An .astro file is a server-side script and an HTML template in one file. This page covers the component script, template expressions, typed props, slots, scoped styles, client scripts, and the Image component, which together make up most of the Astro code you will write.