Uploaded December 2023 | Updated September 2026, 2 weeks ago

---

In this course, you will learn the fundamentals of the Astro web framework while building a server-side rendered (SSR) tech blog.

Final Code:
github.com/bradtraversy/astro-blog

Course Page:
traversymedia.com/astro-quick-start

Become a Traversy Media Member:
traversymedia.com/offers/2NFSzqDt/checkout

Use the promo TRAVERSYMEMBER to get the first 3 months for $15 per month.

Timestamps:
0:00 - Intro
3:32 - What Is Astro?
7:35 - Install & Setup
12:27 - Pages Folder & Routing
17:26 - Image Component
24:58 - Component Script
29:06 - Layout & Slots
36:45 - Component Props
39:31 - Using Constants
42:52 - Navbar & Footer Components
46:51 - Custom 404 Page
51:18 - Collections & Markdown
55:27 - Collection Schema
58:17 - Querying Collections
01:07:02 - Format & Sort By Date
01:12:36 - Article Card Component
01:15:52 - Homepage Articles
01:25:08 - Most Recent Article
01:31:11 - Slug & getStaticPaths
01:37:12 - SSR Config & Single Article
01:47:30 - Tags Component
01:53:18 - Tag Page
01:59:34 - Footer Tags
02:04:29 - Search Page
02:16:15 - API Endpoints
02:25:55 - Pagination Component
02:34:05 - Disable Prev & Next
02:39:36 - Vercel Deployment