Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Astro Web Framework Crash Course

via freeCodeCamp

Start learning Write review
OpenLearning Ad

Master AI and Machine Learning: From Neural Networks to Applications

Learn More → Coursera Ad

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course provides a practical introduction to building and deploying Astro websites. It covers components, routing, Markdown and MDX content, Tailwind styling, image optimization, view transitions, content collections, and server-side rendering.

Syllabus

⌨️ Intro
⌨️ What We'll Cover
⌨️ Creating an Astro Project
⌨️ Astro Overview components, file based routing, css, and more
⌨️ Astro Setup in VS Code
⌨️ Setting Up Tailwind
⌨️ Updating the Site Layout
⌨️ Working with Markdown and Content Collections
⌨️ Querying and Displaying Blog Posts Using Content Collections
⌨️ Creating Dynamic Routes For Individual Blog Posts
⌨️ Tailwind Typography Plugin
⌨️ Optimizing Images
⌨️ Using the ViewTransitions API
⌨️ Adding Support for MDX
⌨️ Deploy to Netlify and Vercel
⌨️ Enabling SSR in Astro
⌨️ Astro Server Endpoints
⌨️ Deploying SSR to Netlify and Vercel
⌨️ Wrap Up

Taught by

freeCodeCamp.org

Reviews

Start your review of Astro Web Framework Crash Course

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.