Go from knowing nothing about Astro to confidently understanding how it works, while building a clean, modern portfolio website from a Figma design. This course is designed for beginners who want a practical introduction to Astro without unnecessary complexity or framework overload. You will start by learning what Astro is, why it exists, and how it differs from traditional JavaScript frameworks. From there, you will set up an Astro project and explore its core concepts, including file-based routing, layouts, and reusable components. You will learn how Astro renders pages, how partial hydration works, and how to keep your site fast by default.
The course walks you through turning a real Figma design into a working website, step by step. You will learn how to structure content using content collections, manage and optimize images, and work with Markdown to create flexible, maintainable pages. Along the way, you will gain a clear understanding of how Astro handles assets and content compared to other tools you may already know. By the end of the course, you will have a fully working portfolio website, a solid grasp of Astro.js fundamentals, and the confidence to start building your own projects with Astro.
