Astro Crash Course

This crash course teaches learners to build a fast static website with Astro, covering project setup, components, layouts, props, React integration, Markdown-based blog pages, and deployment to Netlify.

Syllabus

- Intro / What Is Astro?.
- Project Demo.
- Create A New Astro Project.
- Folder Structure.
- Run Dev Server & Prepare.
- Astro Components.
- Making a Request - Top Level Async.
- Create A Layout.
- Passing Props.
- Start Project / Global Styling.
- Header Component.
- React Integration.
- Showcase Component.
- Features & Card Components.
- Dynamic Classes - Dark Card.
- Page Content & Tabs Component.
- Footer Component.
- About Page.
- Refactor Card Component.
- Blog Page & Markdown Files.
- Fetching Markdown FIles.
- Blog Showcase Component.
- Single Post Page / getStaticPaths().
- Build Static Assets.
- Deploy To Netlify.