Load functions memungkinkan kamu fetch data sebelum halaman dirender.

+page.js (Universal Load)

// src/routes/blog/+page.js
export async function load({ fetch }) {
  const res = await fetch("/api/posts")
  const posts = await res.json()

  return { posts }
}

Menggunakan Data

<!-- src/routes/blog/+page.svelte -->
<script>
  export let data
</script>

{#each data.posts as post}
  <h2>{post.title}</h2>
{/each}

+page.server.js (Server-only Load)

// src/routes/blog/+page.server.js
export async function load({ locals }) {
  // Akses database langsung — hanya berjalan di server
  const posts = await db.post.findMany()
  return { posts }
}

Gunakan +page.server.js untuk data sensitif atau akses database langsung.