Astro Roadmap Other roadmapsLearn how to use Astro with our guided roadmap
Astro is a UI-agnostic web framework initially created as a static site generator (SSG), but now also supporting other rendering methods, such as SSR, or hybrid rendering, where most pages are static, but some are not pre-rendered.
What is covered?
- Learn the fundamentals
- Astro vs JSX
- File-based routing
- Building static pages
- Best practices
The Structure of Astro ComponentsHow to build components in AstroLearn what are the main building blocks of Astro components, and how you can create them from scratch.
Astro vs JSX — What are the Differences?Comparing two similar syntaxLearn how Astro's templating syntax compares to JSX, what are the similarities, and what are the differences.
How to Work With CSS in AstroLearn the many ways of styling Astro componentsLearn what are the possible different ways to use and style your components in Astro.
Dynamic Routes in AstroGenerating different pages based on server-side dataLearn how to dynamically generate pages in Astro using its file-based routing system.
Introduction to Sass in AstroHow to improve CSS with preprocessorsLearn why to use Sass and what it has to offer on top of CSS. We'll examine its core concepts and how to use Sass features in Astro.
Astro Best PracticesLearn how you can get the most out of Astro projectsLearn how you can get the most out of Astro to improve your project's structure and SEO score.
Master Astro + SEOFrom start to finishCheck out our interactive course to master Astro and SEO to learn how to build websites with exceptional SEO scores that helps you rank.
🗺️ Related roadmapsContinue learning
HTML RoadmapLearn how to work with HTML using our guided roadmapThe roadmap for guiding you through the fundamentals of working with HTML. Learn how you can write semantic, SEO-friendly HTML documents.
React RoadmapLearn React with our guided roadmapThis roadmap takes you through the essential concepts in React, from JSX, props and state, to concepts like lazy loading, suspense and error boundaries.
- Access 100+ interactive lessons
- Unlimited access to hundreds of tutorials
- Prepare for technical interviews