Uploaded July 2022 | Updated September 2026, 1 week ago
In this video I explain how SvelteKit works and clear the confusion what code runs on the server and client going over how SSR, CSR, hydration and adapters work.
ποΈ Support:
YouTube Membership
βΆοΈ youtube.com/@joyofcodedev/join
Patreon
π΄ patreon.com/joyofcode
ποΈ Links:
TypeScript Fundamentals
π https://joyofcode.xyz/learn-how-sveltekit-works
ποΈ List of what I use:
π https://joyofcode.xyz/uses
ποΈ Socials:
π¦οΈ twitter.com/joyofcodedev
ποΈ Music:
"CrazyJaZz - Happiness"
π jazzhopcafe.bandcamp.com/track/happiness
π Timestamps
0:00 Introduction
0:50 Futuristic Web Development
8:18 SvelteKit Is A Backend Framework
14:54 SvelteKit Uses The Web Platform
18:25 Set Up SvelteKit From Scratch
24:52 Letβs Examine The Generated Output
31:42 The Heart Of SvelteKit
37:14 Client-Side Rendering
42:12 Server-Side Rendering
47:18 Hydration
56:30 Adapters
1:05:52 Summary
#sveltekit #joyofcode
In this video I explain how SvelteKit works and clear the confusion what code runs on the server and client going over how SSR, CSR, hydration and adapters work.
ποΈ Support:
YouTube Membership
βΆοΈ youtube.com/@joyofcodedev/join
Patreon
π΄ patreon.com/joyofcode
ποΈ Links:
TypeScript Fundamentals
π https://joyofcode.xyz/learn-how-sveltekit-works
ποΈ List of what I use:
π https://joyofcode.xyz/uses
ποΈ Socials:
π¦οΈ twitter.com/joyofcodedev
ποΈ Music:
"CrazyJaZz - Happiness"
π jazzhopcafe.bandcamp.com/track/happiness
π Timestamps
0:00 Introduction
0:50 Futuristic Web Development
8:18 SvelteKit Is A Backend Framework
14:54 SvelteKit Uses The Web Platform
18:25 Set Up SvelteKit From Scratch
24:52 Letβs Examine The Generated Output
31:42 The Heart Of SvelteKit
37:14 Client-Side Rendering
42:12 Server-Side Rendering
47:18 Hydration
56:30 Adapters
1:05:52 Summary
#sveltekit #joyofcode
