Learn the fundamentals of the Astro web framework by building a server-side rendered (SSR) tech blog in this comprehensive 2 hour and 44 minute course. Explore key concepts such as routing, components, layouts, collections, Markdown integration, and API endpoints. Dive into practical topics including creating a custom 404 page, implementing a search functionality, and adding pagination. Follow along step-by-step to create a fully functional blog with features like article sorting, tag pages, and a responsive design. By the end of the course, deploy your Astro-powered blog to Vercel and gain hands-on experience with this powerful static site generator.
Overview
Syllabus
- Intro
- What Is Astro?
- Install & Setup
- Pages Folder & Routing
- Image Component
- Component Script
- Layout & Slots
- Component Props
- Using Constants
- Navbar & Footer Components
- Custom 404 Page
- Collections & Markdown
- Collection Schema
- Querying Collections
- Format & Sort By Date
- Article Card Component
- Homepage Articles
- Most Recent Article
- Slug & getStaticPaths
- SSR Config & Single Article
- Tags Component
- Tag Page
- Footer Tags
- Search Page
- API Endpoints
- Pagination Component
- Disable Prev & Next
- Vercel Deployment
Taught by
Traversy Media
