mirror of
https://github.com/vercel/commerce.git
synced 2025-05-15 22:16:58 +00:00
64 lines
2.1 KiB
TypeScript
64 lines
2.1 KiB
TypeScript
/**
|
|
* This code is responsible for revalidating queries as the dataset is updated.
|
|
*
|
|
* It is set up to receive a validated GROQ-powered Webhook from Sanity.io:
|
|
* https://www.sanity.io/docs/webhooks
|
|
*
|
|
* 1. Go to the API section of your Sanity project on sanity.io/manage or run `npx sanity hook create`
|
|
* 2. Click "Create webhook"
|
|
* 3. Set the URL to https://YOUR_NEXTJS_SITE_URL/api/revalidate
|
|
* 4. Dataset: Choose desired dataset or leave at default "all datasets"
|
|
* 5. Trigger on: "Create", "Update", and "Delete"
|
|
* 6. Filter: Leave empty
|
|
* 7. Projection: {_type, "slug": slug.current}
|
|
* 8. Status: Enable webhook
|
|
* 9. HTTP method: POST
|
|
* 10. HTTP Headers: Leave empty
|
|
* 11. API version: v2021-03-25
|
|
* 12. Include drafts: No
|
|
* 13. Secret: Set to the same value as SANITY_REVALIDATE_SECRET (create a random secret if you haven't yet, for example by running `Math.random().toString(36).slice(2)` in your console)
|
|
* 14. Save the cofiguration
|
|
* 15. Add the secret to Vercel: `npx vercel env add SANITY_REVALIDATE_SECRET`
|
|
* 16. Redeploy with `npx vercel --prod` to apply the new environment variable
|
|
*/
|
|
|
|
import { revalidateSecret } from '@/lib/sanity/sanity.api'
|
|
import { parseBody } from 'next-sanity/webhook'
|
|
import { revalidateTag } from 'next/cache'
|
|
import { NextResponse, type NextRequest } from 'next/server'
|
|
|
|
export async function POST(req: NextRequest) {
|
|
try {
|
|
const { body, isValidSignature } = await parseBody<{
|
|
_type: string
|
|
slug?: string | undefined
|
|
language: string | undefined
|
|
}>(req, revalidateSecret)
|
|
if (!isValidSignature) {
|
|
const message = 'Invalid signature'
|
|
return new Response(message, { status: 401 })
|
|
}
|
|
|
|
if (!body?._type) {
|
|
return new Response('Bad Request', { status: 400 })
|
|
}
|
|
|
|
console.log(body)
|
|
|
|
revalidateTag(body._type)
|
|
|
|
if (body.slug) {
|
|
revalidateTag(`${body._type}:${body.slug}`)
|
|
}
|
|
|
|
return NextResponse.json({
|
|
status: 200,
|
|
revalidated: true,
|
|
now: Date.now(),
|
|
body,
|
|
})
|
|
} catch (err: any) {
|
|
console.error(err)
|
|
return new Response(err.message, { status: 500 })
|
|
}
|
|
} |