Uploaded September 2022 | Updated September 2026, 2 weeks ago

---

If you find my content useful and want to support the channel, consider contributing a coffee ☕: hbyt.us/coffee

SvelteKit is a framework for building modern, high-performance, browser-based applications. It was developed by the team behind the popular Svelte framework and is powered by Svelte. Unlike other JavaScript frameworks, it doesn't use a virtual DOM or deliver a bloated and slow application.

In this SvelteKit tutorial, I demonstrate how to fetch, load, and pass data to page components using the latest version of SvelteKit. This video covers load functions for both +page.js and +page.server.js, and provides insight on when you would use each.

📂 Source Repo
github.com/huntabyte/sveltekit-loading-data

📚 Resources Mentioned In This Video
- SvelteKit Docs: https://kit.svelte.dev/docs/load

🚀 Become a channel member: hbyt.us/join
💬 Discord: hbyt.us/discord
🐦 Twitter: hbyt.us/twitter
🖥️ Setup Stuff: hbyt.us/gear

🔖 Chapters:
00:00 - Introduction
00:20 - Exploring SvelteKit Docs
00:45 - What We'll Be Doing
01:05 - Loading Data in +page.js
01:55 - Fetching Data in +page.js
08:58 - Prefetching in SvelteKit
10:09 - +page.server.js
13:46 - Conclusion
14:09 - Outro & Discord