Astro Crash Course

Get Started chevron_right

Lessons

1. 1. Layouts, Astro Components, Styles, & Pages

   Setup an Astro project from scratch, create your first component, use CSS styles, and create pages.

2. 2. Images, React and Svelte Components, & Blog Posts

   Load images from the public folder, use Astro's partial hydration on React and Svelte components, and create your first blog post.

3. 3. API Data Fetching, Components in Markdown, Pagination, RSS, & Hosting

   Fetch articles from the New York Times API, use your components in a Markdown file, setup Astro's built-in pagination and RSS feed, and deploy your site!

4. 4. How to Add Categories/Tags To Blog Posts

   Learn how to setup complex and flexible blog post category/tag pages for better SEO and user experience.