SvelteKit

// src/routes/products/+page.server.ts — runs on the server
export const load = async () => {
  const products = await db.products.findMany();
  return { products };
};

export const actions = {
  create: async ({ request }) => {
    const data = await request.formData();
    await db.products.create({ name: data.get('name') });
    return { success: true };
  },
};

<!-- src/routes/products/+page.svelte -->
<script>
  let { data } = $props();
</script>

<ul>
  {#each data.products as p}
    <li>{p.name} — \${p.price}</li>
  {/each}
</ul>

<form method="POST" action="?/create">
  <input name="name" />
  <button>Add</button>
</form>