Astro Quick Start - Building an SSR Blog
Offered By: Traversy Media via YouTube
Course Description
Overview
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.
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
Related Courses
Create Template Layouts for Your HTML with Astro SSGKevin Powell via YouTube Shared State Between Multiple Frameworks
Learn With Jason via YouTube What's New in Astro 2.0?
Learn With Jason via YouTube Smooth Page Transitions with Astro & the Shared Element Transition API
Learn With Jason via YouTube Build a Dynamic Links Page for Social Bios
Learn With Jason via YouTube