Astro Crash Course

Astro is an amazing static site generator that allows you to build really fast websites with little to no production JavaScript. You can use Astro components as we all have components from other frameworks such as React, Vue and Svelte.

TIP: I forgot to mention there is a VS Code extension called "Astro". Use it for syntax highlighting.

💻 Github Repo:

https://github.com/bradtraversy/astro-crash-course

⭐ All Courses

https://traversymedia.com

💖 Show Support

Patreon: https://www.patreon.com/traversymedia

PayPal: https://paypal.me/traversymedia

👇 Follow Traversy Media On Social Media:

Twitter: https://twitter.com/traversymedia

Instagram: https://www.instagram.com/traversymedia

Linkedin: https://www.linkedin.com/in/bradtraversy

Timestamps:

0:00 - Intro / What Is Astro?

3:20 - Project Demo

6:20 - Create A New Astro Project

7:50 - Folder Structure

10:19 - Run Dev Server & Prepare

11:18 - Astro Components

16:00 - Making a Request - Top Level Async

17:13 - Create A Layout

20:29 - Passing Props

23:17 - Start Project / Global Styling

26:53 - Header Component

31:38 - React Integration

37:10 - Showcase Component

43:18 - Features & Card Components

49:34 - Dynamic Classes - Dark Card

51:40 - Page Content & Tabs Component

1:03:28 - Footer Component

1:05:19 - About Page

1:08:37 - Refactor Card Component

1:10:53 - Blog Page & Markdown Files

1:18:44 - Fetching Markdown FIles

1:20:57 - Blog Showcase Component

1:22:50 - Single Post Page / getStaticPaths()

1:29:35 - Build Static Assets

1:30:40 - Deploy To Netlify