Главная
Study mode:
on
1
- Intro / What Is Astro?
2
- Project Demo
3
- Create A New Astro Project
4
- Folder Structure
5
- Run Dev Server & Prepare
6
- Astro Components
7
- Making a Request - Top Level Async
8
- Create A Layout
9
- Passing Props
10
- Start Project / Global Styling
11
- Header Component
12
- React Integration
13
- Showcase Component
14
- Features & Card Components
15
- Dynamic Classes - Dark Card
16
- Page Content & Tabs Component
17
- Footer Component
18
- About Page
19
- Refactor Card Component
20
- Blog Page & Markdown Files
21
- Fetching Markdown FIles
22
- Blog Showcase Component
23
- Single Post Page / getStaticPaths()
24
- Build Static Assets
25
- Deploy To Netlify
Description:
Dive into a comprehensive 1 hour 35 minute video tutorial on Astro, a powerful static site generator for building lightning-fast websites with minimal production JavaScript. Learn to create Astro components and integrate components from other frameworks like React, Vue, and Svelte. Follow along as the instructor guides you through creating a new Astro project, exploring folder structure, and running a development server. Master Astro components, top-level async requests, layouts, and prop passing. Develop practical skills by building a complete project, including global styling, header components, React integration, and dynamic classes. Explore advanced topics such as working with Markdown files, fetching data, and creating blog pages. Conclude the tutorial by learning how to build static assets and deploy your Astro project to Netlify. Don't forget to install the recommended VS Code extension for enhanced syntax highlighting.

Astro Crash Course

Traversy Media
Add to list
0:00 / 0:00