SvelteKit

<!-- src/routes/+page.server.ts -->
import type { PageServerLoad } from './$types';

export const load: PageServerLoad = async () => {
  const posts = await db.post.findMany();
  return { posts };
};

<!-- src/routes/+page.svelte -->
<script lang="ts">
  import type { PageData } from './$types';
  export let data: PageData;
</script>

<h1>آخر المقالات</h1>
<ul>
  {#each data.posts as post}
    <li>
      <a href="/posts/{post.id}">
        <h2>{post.title}</h2>
      </a>
    </li>
  {/each}
</ul>

<!-- src/routes/posts/[id]/+page.server.ts -->
import type { PageServerLoad, Actions } from './$types';
import { fail } from '@sveltejs/kit';

export const load: PageServerLoad = async ({ params }) => {
  const post = await db.post.findUnique({ where: { id: params.id } });
  return { post };
};

export const actions: Actions = {
  update: async ({ request, params }) => {
    const formData = await request.formData();
    const title = formData.get('title');
    await db.post.update({ where: { id: params.id }, data: { title } });
    return { success: true };
  }
};

<!-- src/routes/posts/[id]/+page.svelte -->
<script lang="ts">
  import type { PageData, ActionData } from './$types';
  export let data: PageData;
  export let form: ActionData;
</script>

<form method="POST" action="?/update">
  <input name="title" value={data.post.title} />
  <button type="submit">حفظ</button>
</form>