Next.jsでCMSの公開を即反映する：Webhookと再検証

import 'server-only';
export async function getPosts() {  const key = process.env.GENKO_API_KEY;  if (!key) throw new Error('GENKO_API_KEY is not configured');  const url = new URL('https://api.genko.me/v1/your-workspace/blog');  url.searchParams.set('orders', '-publishedAt');  url.searchParams.set('limit', '10');  const response = await fetch(url, {    headers: { 'X-API-KEY': key },    cache: 'force-cache',    next: { tags: ['genko:blog'], revalidate: 3600 },  });  if (!response.ok) throw new Error(`Delivery API: ${response.status}`);  return response.json() as Promise<{    contents: { id: string; title: string }[];  }>;}

import { getPosts } from '@/lib/posts';
export default async function BlogPage() {  const { contents } = await getPosts();  return <ul>{contents.map(post => <li key={post.id}>{post.title}</li>)}</ul>;}

npm install @genko-me/sdk server-only

import { revalidatePath, revalidateTag } from 'next/cache';import { verifyGenkoSignature } from '@genko-me/sdk';
const events = new Set([  'entry.created', 'entry.updated', 'entry.deleted',  'entry.published', 'entry.unpublished',]);
export async function POST(request: Request) {  const secret = process.env.GENKO_WEBHOOK_SECRET;  if (!secret) return new Response('Missing secret', { status: 500 });  const rawBody = await request.text();  const valid = await verifyGenkoSignature({    secret,    rawBody,    signatureHeader: request.headers.get('x-genko-signature'),    timestampHeader: request.headers.get('x-genko-timestamp'),  });  if (!valid) return new Response('Invalid signature', { status: 401 });
  let payload;  try { payload = JSON.parse(rawBody); }  catch { return new Response('Invalid JSON', { status: 400 }); }  if (!payload || typeof payload !== 'object' ||      payload.workspace !== 'your-workspace' || payload.api !== 'blog') {    return new Response('Unexpected source', { status: 400 });  }  if (payload.event === 'webhook.test') {    return Response.json({ received: true, test: true });  }  if (!events.has(payload.event)) {    return Response.json({ received: true, ignored: true });  }  if (typeof payload.entry?.id !== 'string' || !payload.entry.id) {    return new Response('Missing entry ID', { status: 400 });  }  revalidateTag('genko:blog', { expire: 0 });  revalidatePath('/blog');  revalidatePath('/blog/[id]', 'page');  return Response.json({ revalidated: true });}