Learn ASTRO with Real Code Examples

Learn Astro components & syntax

Understand island architecture

Use content collections

Add framework islands (React/Vue/Svelte)

Deploy SSG or SSR site

Week 1: Astro basics + components

Week 2: Routing, layouts, MDX

Week 3: Islands + framework hydration

Week 4: SSR + adapters

Week 5: Optimization + deployment

What is Astro and what problem does it solve?

Explain island architecture.

How does partial hydration work?

What are Astro components?

How does Astro differ from Next.js?

`---` - frontmatter block

`client:load` - hydrate on load

`client:idle` - hydrate when idle

`client:visible` - hydrate on visibility

src/pages - routes by file path

Build with Astro

The Astro Handbook

Content-Driven Sites with Astro

Mastering Astro

Astro for Web Developers

Astro official tutorials

Fireship Astro course

Net Ninja Astro series

Traversy Media Astro crash course

Frontend Masters Astro course

https://docs.astro.build

https://astro.new

Astro Discord

GitHub Astro repository

Reddit r/astro

Stack Overflow Astro tag

Astro theme library

Astro Discord

GitHub Discussions

Reddit r/astro

Stack Overflow Astro tag

Astro integration ecosystem