Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Salma Alam-Naylor.
Salma Alam-Naylor
3507
Getting started with astro.build — featuring bholmesdev
I was joined by Ben Holmes (https://twitter.com/BHolmesDev) live on stream to take a deep dive into Astro — a static site builder for the modern web.
In this stream I learn how to get started with Astro, how layouts, components and pages work, and how you can choose to generate your Astro site statically, or using server-side rendering. I also try out using React and Svelte to create a UI toggle — and learn about the tradeoffs in using different frameworks in Astro, especially where shared state management is concerned.
Astro site: https://astro.build
Astro docs: https://docs.astro.build/en/getting-started/
GitHub repo demonstrated on stream: https://github.com/whitep4nth3r/whitep4nth3r-links
0:00 Intro
0:25 About Ben Holmes
1:05 What is Astro?
1:29 Starting a new Astro project using the Astro CLI
3:19 Exploring the "Just the Basics" repository
10:06 Running Astro in development
12:02 Deploying an Astro project to Netlify using the Netlify CLI
13:40 Fetching data in Astro
17:11 Adding React to Astro
17:36 Partial Hydration in Astro
21:04 Adding Svelte to Astro — because we need shared state
25:14 The future of Astro
27:28 SSR with Astro using the Netlify adapter
31:35 Wrap up and outro
#webdev #jamstack #netlify
In this stream I learn how to get started with Astro, how layouts, components and pages work, and how you can choose to generate your Astro site statically, or using server-side rendering. I also try out using React and Svelte to create a UI toggle — and learn about the tradeoffs in using different frameworks in Astro, especially where shared state management is concerned.
Astro site: https://astro.build
Astro docs: https://docs.astro.build/en/getting-started/
GitHub repo demonstrated on stream: https://github.com/whitep4nth3r/whitep4nth3r-links
0:00 Intro
0:25 About Ben Holmes
1:05 What is Astro?
1:29 Starting a new Astro project using the Astro CLI
3:19 Exploring the "Just the Basics" repository
10:06 Running Astro in development
12:02 Deploying an Astro project to Netlify using the Netlify CLI
13:40 Fetching data in Astro
17:11 Adding React to Astro
17:36 Partial Hydration in Astro
21:04 Adding Svelte to Astro — because we need shared state
25:14 The future of Astro
27:28 SSR with Astro using the Netlify adapter
31:35 Wrap up and outro
#webdev #jamstack #netlify