What you will learn.
- 01Set up an Astro project and know what every folder does
- 02Build pages from small, reusable components
- 03Write content in Markdown with typed collections
- 04Deploy to a live URL with your own domain
We build one site across the course: a small portfolio with a blog, written in Markdown and deployed to the web. Every lesson adds one piece and ends with something you can see in the browser.
You don’t need to know JavaScript frameworks. If you can read HTML and CSS, you can follow along.
Who it's for
- Designers who can write some HTML and CSS
- Developers coming from WordPress or React
- Anyone who wants a fast personal site they own
The curriculum.
4 lessons, 3 h 50 min in total. The first 2 are free to watch.
- 01Why Astro, and what we will buildWhat makes Astro different, a tour of the finished site, and setting up your first project.45 min Free
- 02Pages, layouts and componentsEvery file in src/pages becomes a page. We add a layout and split the page into components.1 h Free
- 03Content collections and MarkdownWrite projects and posts in Markdown, give them a schema, and list them on the site.1 h 10 min Locked
- 04Images, performance and deployingOptimise images, check the site on a slow phone, and put it live on your own domain.55 min Locked

Your teacher
Marco Bellini
Front-end developer, Turin
Marco has built websites for fifteen years, first for agencies in Milan and now as an independent developer working with publishers and small studios. He moved most of his client work to Astro in 2022 and has not looked back.
He teaches the way he works: start from an empty folder, write only what the page needs, and ship it before lunch.
This course
$89
Pay once, keep it for life
- All 4 lessons of Astro from scratch
- Exercise files and source code
- Every future update, free
All access
$349
Every course, and every new one
Learning more than one thing? All access costs less than four courses bought one by one.
Compare plansQuestions, answered.
How long do I have access?
For life. You pay once and keep the course, including every update.
Do I need to install anything?
Only what the first lesson lists, and it is all free. Each lesson notes any tools it uses.
Is there a certificate?
No. We would rather you leave with a finished project you can show than a PDF.
What if it isn't for me?
Write to us within 14 days and we refund you in full.
Keep going.
More courses that pair well with this one.
- Code · Intermediate
Modern CSS layouts
Marco BelliniLessons4Time3 h 55 minPrice$79 - Design · Beginner
Figma for product designers
Ingrid HalvorsenLessons4Time4 h 15 minPrice$99 - Design · Advanced
Design systems in Figma
Anders LindqvistLessons4Time4 h 20 minPrice$119 - Data · Beginner
Data analysis with Python
Lucía MorenoLessons4Time4 h 15 minPrice$99