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

Scrimba

Intro to Astro

via Scrimba

Go to class Write review

Overview

Learn Astro, the modern web framework for building fast, content-rich websites using components and Markdown. In this course, you’ll learn how to create and deploy a personal website from scratch, combining performance with a fun and flexible developer experience.

Syllabus

  • Intro to Astro
  • Project setup and overview
  • The starter code
  • Create the header section
  • Intro to reusable components
  • Create header component
  • Adding styles
  • Styling the header
  • Styling the header - part 2
  • Styling the button links
  • TypeScript in Astro
  • Finish the button link component
  • Slot component
  • Create container component
  • Frontmatter templating
  • Create projects section component
  • Create section component
  • Create section header component
  • Importing data from JSON files
  • Move Project Data to JSON
  • File based routing
  • Navbar Component
  • Create the footer component
  • Content collections in Astro
  • Building the blog schema
  • Markdown Intro
  • Querying content collections
  • Creating the blog section
  • Create the blog card component
  • Create the Blog List Page
  • Dynamic Blog Pages
  • Displaying Blog Content
  • Create the projects list page
  • Deploy to Netlify
  • Wrap up and next steps
  • Want to become a Scrimbassador?
  • How to Utilize Your Certificate

Reviews

Start your review of Intro to Astro

Go to class

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.