Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel James Q Quick.
James Q Quick
35611
Astro 3.0 Crash Course (View Transitions, Image, Content Collections, and More!)
Astro 3.0 is HERE! Here's what you'll learn
- Astro components and page based routing
- installing and working with Tailwind
- Content Collections with Markdown and MDX
- dynamic routes
- image optimization
Astro 3.0 Blog Post - https://astro.build/blog/astro-3/
Learn Astro 3.0 - https://astrocourse.dev/
**DISCORD**
Join the Learn Build Teach Discord Server 💬 - https://discord.gg/vM2bagU
**STAY IN TOUCH 👋**
Newsletter 🗞 - https://www.jamesqquick.com/newsletter
Follow me on Twitter 🐦 - https://www.twitter.com/jamesqquick
Check out the Podcast - https://compressed.fm/
Courses - https://jamesqquick.com/courses
**QUESTIONS ABOUT MY SETUP**
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. https://www.jamesqquick.com/uses
00:00 - Intro
00:30 - Introduction to Astro
02:10 - Creating a New Astro Project and Code Overview
09:00 - What You'll Build
11:00 - Setting Up Tailwind
12:00 - Astro Components (Layout, Header, and Footer)
17:00 - Page Based Routing
18:00 - View Transitions
20:30 - Content Collections
24:30 - Querying and Displaying Content
27:30 - Image Optimization
31:00 - Get Static Paths for Dynamic Routes
36:00 - Tailwind Typography Plugin
37:40 - Working with MDX
40:00 - Recap and Wrapup
- Astro components and page based routing
- installing and working with Tailwind
- Content Collections with Markdown and MDX
- dynamic routes
- image optimization
Astro 3.0 Blog Post - https://astro.build/blog/astro-3/
Learn Astro 3.0 - https://astrocourse.dev/
**DISCORD**
Join the Learn Build Teach Discord Server 💬 - https://discord.gg/vM2bagU
**STAY IN TOUCH 👋**
Newsletter 🗞 - https://www.jamesqquick.com/newsletter
Follow me on Twitter 🐦 - https://www.twitter.com/jamesqquick
Check out the Podcast - https://compressed.fm/
Courses - https://jamesqquick.com/courses
**QUESTIONS ABOUT MY SETUP**
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. https://www.jamesqquick.com/uses
00:00 - Intro
00:30 - Introduction to Astro
02:10 - Creating a New Astro Project and Code Overview
09:00 - What You'll Build
11:00 - Setting Up Tailwind
12:00 - Astro Components (Layout, Header, and Footer)
17:00 - Page Based Routing
18:00 - View Transitions
20:30 - Content Collections
24:30 - Querying and Displaying Content
27:30 - Image Optimization
31:00 - Get Static Paths for Dynamic Routes
36:00 - Tailwind Typography Plugin
37:40 - Working with MDX
40:00 - Recap and Wrapup