Astro Crash Course

Astro Crash Course

Traversy Media via YouTube Direct link

- Refactor Card Component

19 of 25

19 of 25

- Refactor Card Component

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Astro Crash Course

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro / What Is Astro?
  2. 2 - Project Demo
  3. 3 - Create A New Astro Project
  4. 4 - Folder Structure
  5. 5 - Run Dev Server & Prepare
  6. 6 - Astro Components
  7. 7 - Making a Request - Top Level Async
  8. 8 - Create A Layout
  9. 9 - Passing Props
  10. 10 - Start Project / Global Styling
  11. 11 - Header Component
  12. 12 - React Integration
  13. 13 - Showcase Component
  14. 14 - Features & Card Components
  15. 15 - Dynamic Classes - Dark Card
  16. 16 - Page Content & Tabs Component
  17. 17 - Footer Component
  18. 18 - About Page
  19. 19 - Refactor Card Component
  20. 20 - Blog Page & Markdown Files
  21. 21 - Fetching Markdown FIles
  22. 22 - Blog Showcase Component
  23. 23 - Single Post Page / getStaticPaths()
  24. 24 - Build Static Assets
  25. 25 - Deploy To Netlify

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.