Коли використовувати Route Handler · fullstack.org.ua

fullstack.org.ua

Коли використовувати Route Handler · fullstack.org.ua

typescript

type CreateOrderBody = {
  productId: string;
  quantity: number;
};

function isCreateOrderBody(value: unknown): value is CreateOrderBody {
  if (!value || typeof value !== "object") {
    return false;
  }

  const body = value as Record<string, unknown>;

  return (
    typeof body.productId === "string" &&
    body.productId.length > 0 &&
    typeof body.quantity === "number" &&
    Number.isInteger(body.quantity) &&
    body.quantity > 0
  );
}

export async function POST(request: Request) {
  let body: unknown;

  try {
    body = await request.json();
  } catch {
    return Response.json(
      { error: "Тіло запиту має бути коректним JSON" },
      { status: 400 },
    );
  }

  if (!isCreateOrderBody(body)) {
    return Response.json(
      {
        error: "Потрібні productId і додатне ціле quantity",
      },
      { status: 422 },
    );
  }

  // У реальному застосунку тут викликається сервіс або репозиторій.
  const order = {
    id: crypto.randomUUID(),
    productId: body.productId,
    quantity: body.quantity,
    status: "created",
  };

  return Response.json(order, { status: 201 });
}

typescript

"use server";

import { revalidatePath } from "next/cache";

type CreateOrderResult =
  | { ok: true; orderId: string }
  | { ok: false; error: string };

export async function createOrder(
  formData: FormData,
): Promise<CreateOrderResult> {
  const productId = formData.get("productId");
  const quantityValue = formData.get("quantity");

  if (typeof productId !== "string" || productId.length === 0) {
    return {
      ok: false,
      error: "Вкажіть товар",
    };
  }

  const quantity = Number(quantityValue);

  if (!Number.isInteger(quantity) || quantity <= 0) {
    return {
      ok: false,
      error: "Кількість має бути додатним цілим числом",
    };
  }

  // У реальному застосунку тут викликається сервіс або репозиторій.
  const orderId = crypto.randomUUID();

  revalidatePath("/orders");

  return {
    ok: true,
    orderId,
  };
}

tsx

import { createOrder } from "./actions";

export default function OrdersPage() {
  return (
    <main>
      <h1>Нове замовлення</h1>

      <form action={createOrder}>
        <label>
          Ідентифікатор товару
          <input name="productId" required />
        </label>

        <label>
          Кількість
          <input
            name="quantity"
            type="number"
            min="1"
            step="1"
            required
          />
        </label>

        <button type="submit">Створити замовлення</button>
      </form>
    </main>
  );
}

typescript

// server/order-service.ts
export type CreateOrderInput = {
  productId: string;
  quantity: number;
};

export async function createOrder(input: CreateOrderInput) {
  if (input.quantity <= 0) {
    throw new Error("Кількість має бути додатною");
  }

  // Тут розміщується робота з базою даних або зовнішнім сервісом.
  return {
    id: crypto.randomUUID(),
    ...input,
  };
}