AstroJS Online Course - Beginner to Intermediate
Learn how to build fast, modern websites with AstroJS.
This course takes you from the very basics up to solid intermediate skills. You’ll learn step by step how Astro works, how to structure projects, how to connect data, and how to make your sites perform at their best.
By the end, you’ll be confident building real projects with Astro – ready to use it for personal sites, client work, or professional projects.
Perfect if you’re just starting out with Astro or want to level up quickly.
🚀 AstroJS Course – Full Table of Contents
Lecture 1: Why AstroJS
Get the big picture. Why AstroJS is fast, simple, and worth learning.
Lecture 2: Install AstroJS
Step-by-step install. You’ll have Astro running in minutes.
Lecture 3: Project Structure
Understand the files and folders. Know where everything lives.
Lecture 4: Routing
Learn how pages are created and connected in Astro.
Lecture 5: Components
Build reusable pieces of your site with Astro components.
Lecture 6: Layouts
Set up layouts to keep your design clean and consistent.
Lecture 7: CSS
Style your site with CSS inside Astro projects.
Lecture 8: Fonts
Add custom fonts and make your design look sharp.
Lecture 9: Images
Learn how to handle images the right way in Astro.
Lecture 10: ReactJS
See how to bring React into your Astro project.
Lecture 11: Scripts
Add scripts to your site and make it interactive.
Lecture 12: Scripts – is:inline
Learn when and how to use inline scripts in Astro.
Lecture 13: Building a ToggleSwitch
Create a real component: a working toggle switch.
Lecture 14: Markdown Pages
Write pages with Markdown and connect them to Astro.
Lecture 15: Frameworks
Discover how Astro plays well with other frameworks.
Lecture 16: Creating a Website with ChatGPT & AstroJS
See how to use AI and Astro together to build a full site.
Lecture 17: Submitting Forms & Hosting (GitHub Pages)
Build forms and host your site for free on GitHub Pages.
Lecture 18: Netlify & AstroJS
Deploy your Astro project to Netlify in minutes.
Lecture 19: AstroJS & SEO
Learn how to optimize your site for search engines.
Lecture 20: Doing SEO Live
Watch SEO in action, applied step by step.
Lecture 21: Headless CMS with WordPress
Connect Astro to WordPress and pull in content.
Lecture 22: Authentication with Supabase
Add login and user accounts with Supabase + Astro.