Astro Web Framework Crash Course

Astro Web Framework Crash Course

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Using the ViewTransitions API

13 of 19

13 of 19

⌨️ Using the ViewTransitions API

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Astro Web Framework Crash Course

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

  1. 1 ⌨️ Intro
  2. 2 ⌨️ What We'll Cover
  3. 3 ⌨️ Creating an Astro Project
  4. 4 ⌨️ Astro Overview components, file based routing, css, and more
  5. 5 ⌨️ Astro Setup in VS Code
  6. 6 ⌨️ Setting Up Tailwind
  7. 7 ⌨️ Updating the Site Layout
  8. 8 ⌨️ Working with Markdown and Content Collections
  9. 9 ⌨️ Querying and Displaying Blog Posts Using Content Collections
  10. 10 ⌨️ Creating Dynamic Routes For Individual Blog Posts
  11. 11 ⌨️ Tailwind Typography Plugin
  12. 12 ⌨️ Optimizing Images
  13. 13 ⌨️ Using the ViewTransitions API
  14. 14 ⌨️ Adding Support for MDX
  15. 15 ⌨️ Deploy to Netlify and Vercel
  16. 16 ⌨️ Enabling SSR in Astro
  17. 17 ⌨️ Astro Server Endpoints
  18. 18 ⌨️ Deploying SSR to Netlify and Vercel
  19. 19 ⌨️ Wrap Up

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.