SvelteKit's `load` Function: Pre-fetch Data for Pages
Think of SvelteKit's `load` function as a gatekeeper for your page, fetching data *before* it renders. It's used to grab data from an API or route params, like fetching a blog post. The footgun: `load` in `+page.js` runs on both server and client.
SvelteKit's `load` function is a gatekeeper for your page components, fetching necessary data *before* they can render. This is your go-to for populating a page with dynamic content, like using a URL slug to fetch a specific blog post. The most common footgun is forgetting where it runs: a `load` in `+page.js` executes on both the server (initial visit) and the browser (navigation). For server-only logic, you must use `+page.server.js`.
Read the original → svelte.dev
- #svelte
- #sveltekit
- #data fetching
- #full-stack
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.