Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Ship Less JavaScript with Astro
Introduction
Introduction (8:34)
Setup (10:55)
Getting to know Astro
Anatomy of an Astro file (8:04)
Astro Components (6:12)
Routing in Astro (6:10)
Working with Dynamic Routes (9:22)
Import React and Vue Components (13:54)
Styling Astro with Tailwind (6:32)
Creating a Layout (8:29)
Building an App
Import a React Gallery Component (8:22)
Building the "Features" Component (4:45)
Static Generation of Dynamic Routes (7:38)
Listing data from JSON (2:01)
Import a Vue Postcard Component (16:34)
Building a Blog Preview Component (2:13)
Adding Blog Capabilities with Pagination using Astro (9:51)
Display Articles with Astro (10:22)
Production Build and Deployment
Create a Production Build (4:05)
Deploy Astro to Cloudflare Pages (7:11)
Grab the code!
GitHub Repository
Styling Astro with Tailwind
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock