Starting from Scratch to Learn Astro: This video is for beginners looking to dive into the framework. Want a part two? Comment below

▶ Don't miss more live streams at:   / midudev  
▶ Community Discord:   / discord  

0:00 Intro
0:57 What is Astro?
2:37 The Magic of Astro
5:35 Framework Agnosticism
7:15 Templates
9:30 Let's Get Started
10:12 Creating Our First Project
11:45 Folder Structure
13:09 Astro Extensions
14:07 Syntax
16:28 Layouts
17:40 Props
18:26 CSS Directives
19:46 Components and pnpm run dev
22:45 Deployment to Production (Dist)
23:28 Comparison between Next.js and Astro
26:00 Deleting Default Structure (Code) + CSS Explanation
27:43 Integration System
29:44 First Component
32:42 Page Routing / Layout
37:45 Slots (Named, Text by Default)
44:29 Markdown (.md)
48:17 Using HTML
49:07 Data Fetching / Element Iteration
53:54 TypeScript Types + Ninja Console
1:00:10 Styling the Card to Display Information
1:03:40 Conditional Rendering
1:07:19 404.Astro
1:08:21 Questions ☝
1:10:32 Dynamic Pages (getStaticPaths)
1:21:22 Dynamic Pages (SSR Approach)
1:24:29 Hybrid
1:26:49 View Transitions (Introduction)
1:28:06 Interactive Components (the Islands)
1:32:04 Information Persistence
1:35:04 Farewell