This course on Astro Crash Course aims to teach learners how to utilize the Astro static site generator to create fast websites with minimal production JavaScript. The course covers topics such as Astro components, creating layouts, integrating with React, showcasing components, working with markdown files, and deploying projects to Netlify. The course is designed for individuals interested in web development and static site generation. The teaching method includes project demos, hands-on exercises, and step-by-step tutorials.
Overview
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.
Taught by
Traversy Media
