Оновлення даних через Server Actions

app/
  actions/
    posts.ts
  posts/
    [id]/
      edit/
        page.tsx
lib/
  prisma.ts
prisma/
  schema.prisma

// prisma/schema.prisma

generator client {
  provider = "prisma-client-js"
}

datasource db {
  provider = "sqlite"
  url      = env("DATABASE_URL")
}

model Post {
  id        Int      @id @default(autoincrement())
  title     String
  content   String
  updatedAt DateTime @updatedAt
}

DATABASE_URL="file:./dev.db"

npx prisma migrate dev --name create_posts

// lib/prisma.ts

import { PrismaClient } from "@prisma/client";

const globalForPrisma = globalThis as unknown as {
  prisma: PrismaClient | undefined;
};

export const prisma =
  globalForPrisma.prisma ??
  new PrismaClient({
    log: ["error"],
  });

if (process.env.NODE_ENV !== "production") {
  globalForPrisma.prisma = prisma;
}

// app/actions/posts.ts

"use server";

import { redirect } from "next/navigation";
import { prisma } from "@/lib/prisma";

export async function updatePost(formData: FormData) {
  const idValue = formData.get("id");
  const titleValue = formData.get("title");
  const contentValue = formData.get("content");

  const id = Number(idValue);
  const title = String(titleValue ?? "").trim();
  const content = String(contentValue ?? "").trim();

  if (!Number.isInteger(id) || id <= 0) {
    throw new Error("Некоректний ідентифікатор публікації");
  }

  if (!title || !content) {
    throw new Error("Заголовок і текст публікації є обов'язковими");
  }

  const post = await prisma.post.findUnique({
    where: { id },
    select: { id: true },
  });

  if (!post) {
    throw new Error("Публікацію не знайдено");
  }

  await prisma.post.update({
    where: { id },
    data: {
      title,
      content,
    },
  });

  redirect(`/posts/${id}`);
}

// app/posts/[id]/edit/page.tsx

import { notFound } from "next/navigation";
import { updatePost } from "@/app/actions/posts";
import { prisma } from "@/lib/prisma";

type EditPostPageProps = {
  params: Promise<{
    id: string;
  }>;
};

export default async function EditPostPage({
  params,
}: EditPostPageProps) {
  const { id: idValue } = await params;
  const id = Number(idValue);

  if (!Number.isInteger(id) || id <= 0) {
    notFound();
  }

  const post = await prisma.post.findUnique({
    where: { id },
  });

  if (!post) {
    notFound();
  }

  return (
    <main>
      <h1>Редагування публікації</h1>

      <form action={updatePost}>
        <input type="hidden" name="id" value={post.id} />

        <div>
          <label htmlFor="title">Заголовок</label>
          <input
            id="title"
            name="title"
            type="text"
            defaultValue={post.title}
            required
          />
        </div>

        <div>
          <label htmlFor="content">Текст</label>
          <textarea
            id="content"
            name="content"
            defaultValue={post.content}
            required
          />
        </div>

        <button type="submit">Зберегти зміни</button>
      </form>
    </main>
  );
}

id=3
title=Оновлений заголовок
content=Оновлений текст публікації

await prisma.post.update({
  where: { id },
  data: {
    title,
    content,
  },
});

"use server";

import { revalidatePath } from "next/cache";
import { redirect } from "next/navigation";
import { prisma } from "@/lib/prisma";

export async function updatePost(formData: FormData) {
  const id = Number(formData.get("id"));
  const title = String(formData.get("title") ?? "").trim();
  const content = String(formData.get("content") ?? "").trim();

  if (!Number.isInteger(id) || id <= 0) {
    throw new Error("Некоректний ідентифікатор");
  }

  if (!title || !content) {
    throw new Error("Заповніть усі поля");
  }

  await prisma.post.update({
    where: { id },
    data: {
      title,
      content,
    },
  });

  revalidatePath(`/posts/${id}`);
  redirect(`/posts/${id}`);
}

// app/actions/posts.ts

"use server";

import { redirect } from "next/navigation";
import { prisma } from "@/lib/prisma";

export async function updatePost(
  id: number,
  formData: FormData
) {
  const title = String(formData.get("title") ?? "").trim();
  const content = String(formData.get("content") ?? "").trim();

  if (!title || !content) {
    throw new Error("Заповніть усі поля");
  }

  await prisma.post.update({
    where: { id },
    data: {
      title,
      content,
    },
  });

  redirect(`/posts/${id}`);
}

<form action={updatePost.bind(null, post.id)}>
  <input
    name="title"
    type="text"
    defaultValue={post.title}
    required
  />

  <textarea
    name="content"
    defaultValue={post.content}
    required
  />

  <button type="submit">Зберегти</button>
</form>

<input name="title" />

<input id="title" />

const idValue = formData.get("id");

const id = Number(idValue);

if (!title || !content) {
  throw new Error("Заповніть усі поля");
}