background icons
background icons 2

Video Belajar

Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Jaydan Urwin.

Jaydan Urwin

7642

Astro Crash Course #2 - Images, React and Svelte Components, & Blog Posts

This is part 2 of the Astro Crash Course. I cover topics like how to load images, how to use multiple components from frameworks like React and Svelte, how to write blog posts, and finally how to generate an blog page of links to your blog posts.

Part 1 👇
https://youtu.be/cbYr75_R15M

▬▬▬▬▬▬▬▬▬▬ Assets & Source Code

Source Code: https://github.com/littlesticksdev/astro-101/tree/part-2

▬▬▬▬▬▬▬▬▬▬ My Gear 🎒

The gear I use to make these videos:
https://jaydanurwin.com/kit

▬▬▬▬▬▬▬▬▬▬ Let's Connect

Join our Discord: https://littlesticks.dev/discord

📱 Follow Me
https://twitter.com/jaydanurwin
​​
▬▬▬▬▬▬▬▬▬▬ About Me 👋

I'm Jaydan Urwin and I'm a self-taught designer and developer based out of Boise, ID. I specialize in design and development for both the web and Flutter. You'll see tutorials, tech reviews, and some snippets of my life. If that's something that interests you don't hesitate to subscribe and follow along!

▬▬▬▬▬▬▬▬▬▬ Time Stamps

00:00 - Intro
00:57 - Images from the Public Directory
02:59 - Images from the Source Directory
04:55 - React and Svelte Components
09:00 - Astro Renderers
11:00 - Lit Web Component Script Tag
13:30 - Check your file paths!
14:20 - Creating a blog post
17:34 - Oops! Check your Imports!
18:41 - Styling the blog post
20:10 - Creating a list of your blog posts