Vercel Functions

npx create-next-app@latest vercel-functions-demo
cd vercel-functions-demo

npm install @vercel/functions

// app/api/hello/route.ts
export async function GET(request: Request) {
  const url = new URL(request.url);
  const name = url.searchParams.get("name")?.trim() || "World";

  return Response.json(
    {
      message: `Hello, ${name}!`,
      runtime: "Vercel Functions",
    },
    {
      headers: {
        "cache-control": "no-store",
      },
    },
  );
}

// app/api/tasks/route.ts
type TaskInput = {
  title?: unknown;
};

export async function POST(request: Request) {
  const body = (await request.json()) as TaskInput;

  if (typeof body.title !== "string" || body.title.trim() === "") {
    return Response.json(
      { error: "title is required" },
      { status: 400 },
    );
  }

  return Response.json(
    {
      id: crypto.randomUUID(),
      title: body.title.trim(),
    },
    { status: 201 },
  );
}

// api/audit.ts
import { waitUntil } from "@vercel/functions";

async function writeAuditLog(requestId: string) {
  await fetch(process.env.AUDIT_ENDPOINT!, {
    method: "POST",
    headers: {
      "content-type": "application/json",
      authorization: `Bearer ${process.env.AUDIT_TOKEN}`,
    },
    body: JSON.stringify({ requestId }),
  });
}

export default {
  fetch() {
    const requestId = crypto.randomUUID();

    waitUntil(writeAuditLog(requestId));

    return Response.json({ accepted: true, requestId });
  },
};

// app/api/stream/route.ts
export async function GET() {
  const encoder = new TextEncoder();

  const stream = new ReadableStream({
    async start(controller) {
      for (const message of ["分析请求", "读取数据", "生成结果"]) {
        controller.enqueue(
          encoder.encode(`data: ${JSON.stringify({ message })}\n\n`),
        );
        await new Promise((resolve) => setTimeout(resolve, 250));
      }

      controller.close();
    },
  });

  return new Response(stream, {
    headers: {
      "content-type": "text/event-stream; charset=utf-8",
      "cache-control": "no-cache",
    },
  });
}

// app/api/report/route.ts
export const maxDuration = 60;
export const preferredRegion = ["hnd1", "sin1"];

export async function GET() {
  const report = await generateReport();
  return Response.json(report);
}

async function generateReport() {
  return {
    generatedAt: new Date().toISOString(),
    status: "ready",
  };
}

npx vercel link
npx vercel env pull .env.local

npm run dev

curl "http://localhost:3000/api/hello?name=Ada"
curl -X POST "http://localhost:3000/api/tasks"   -H "content-type: application/json"   --data '{"title":"Review function logs"}'