Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Jack Herrington.
Jack Herrington
50116
Astro 2.0 is Revolutionary! Again!
Astro 2.0 has done it again! They've taken what was already a great Islands Architecture framework that supported React, Preact, Vue, Solid and more, and they have added a new type-safe CMS feature called content collections that makes building blogs, corporate sites, portfolio sites and more so much easier. They have also enabled a Static Site Generation or Server Side Rendering switch on a per-route basis.
Video Code: https://github.com/jherr/astro-2-video-code
Blue Collar Coder Catalog Project: https://github.com/jherr/astro-youtube-catalog
👉 Practical Module Federation Book: https://module-federation.myshopify.com/products/practical-module-federation
👉 No BS TS (The Book): https://no-bs-ts.myshopify.com/
👉 I'm a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up/
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code theme and font? Night Wolf [black] and JETBrains Mono
0:00 Introduction
1:27 Project Setup
3:42 Setting Up Content Collections
5:59 Defining The Collection Schema
9:29 Accessing The Content
11:39 Integrating Preact
13:23 Creating A Detail Route
15:22 Generating Dynamic Routes
17:00 Performance Test
18:48 Server Side Rendering Support
20:05 Opt-In Pre-rendering
20:50 Adding An API Route
22:59 Building A Search Page
24:32 Making Search an Island
25:09 Outroduction
#astro #astro2.0
Video Code: https://github.com/jherr/astro-2-video-code
Blue Collar Coder Catalog Project: https://github.com/jherr/astro-youtube-catalog
👉 Practical Module Federation Book: https://module-federation.myshopify.com/products/practical-module-federation
👉 No BS TS (The Book): https://no-bs-ts.myshopify.com/
👉 I'm a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up/
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code theme and font? Night Wolf [black] and JETBrains Mono
0:00 Introduction
1:27 Project Setup
3:42 Setting Up Content Collections
5:59 Defining The Collection Schema
9:29 Accessing The Content
11:39 Integrating Preact
13:23 Creating A Detail Route
15:22 Generating Dynamic Routes
17:00 Performance Test
18:48 Server Side Rendering Support
20:05 Opt-In Pre-rendering
20:50 Adding An API Route
22:59 Building A Search Page
24:32 Making Search an Island
25:09 Outroduction
#astro #astro2.0