add sanity revalidation webhook

Author: scstanton20

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scstanton20/portfolio-v2",
-  "version": "1.7.12",
+  "version": "1.7.13",
   "private": true,
   "type": "module",
   "scripts": {

src/app/(main)/connect/page.tsx

@@ -11,7 +11,9 @@ async function getConnectPhoto() {
         alt,
         image
     }`;
-  return await sanityClient.fetch<ConnectPhoto[]>(connectphotoquery);
+  return await sanityClient.fetch<ConnectPhoto[]>(connectphotoquery, {}, {
+    next: { tags: ['connectphoto'] }
+  });
 }
 
 export default async function Connect() {

src/app/(main)/page.tsx

@@ -17,7 +17,9 @@ async function getProjects() {
         description[]{...},
         image
     }`;
-  return await sanityClient.fetch<Project[]>(projectsquery);
+  return await sanityClient.fetch<Project[]>(projectsquery, {}, {
+    next: { tags: ['projects'] }
+  });
 }
 
 async function getCertifications() {
@@ -28,7 +30,9 @@ async function getCertifications() {
         issuer,
         receivedDate
     }`;
-  return await sanityClient.fetch<Certification[]>(certquery);
+  return await sanityClient.fetch<Certification[]>(certquery, {}, {
+    next: { tags: ['certifications'] }
+  });
 }
 
 export default async function Home() {

src/app/api/revalidate/route.ts

@@ -0,0 +1,70 @@
+import { revalidateTag } from 'next/cache';
+import { NextRequest, NextResponse } from 'next/server';
+
+type SanityWebhookPayload = {
+  _type?: string;
+  _id?: string;
+};
+
+export async function POST(request: NextRequest) {
+  const timestamp = new Date().toISOString();
+  console.log(`[${timestamp}] 🔔 Webhook received from Sanity`);
+
+  // Validate secret token from env var
+  const secret = request.nextUrl.searchParams.get('secret');
+
+  if (secret !== process.env.SANITY_REVALIDATE_SECRET) {
+    console.log(`[${timestamp}] ❌ Invalid token provided`);
+    return NextResponse.json({ message: 'Invalid token' }, { status: 401 });
+  }
+
+  try {
+    // Parse the webhook payload to determine what to revalidate
+    const body = await request.json().catch(() => ({})) as SanityWebhookPayload;
+    const { _type, _id } = body;
+
+    console.log(`[${timestamp}] 📦 Content type: ${_type || 'unknown'}, ID: ${_id || 'unknown'}`);
+
+    const revalidatedTags: string[] = [];
+
+    // Revalidate based on content type
+    // Note: In Next.js 16, revalidateTag requires a second argument (cache profile)
+    // Using empty string for default behavior
+    if (_type === 'project') {
+      revalidateTag('projects', '');
+      revalidatedTags.push('projects');
+    } else if (_type === 'certification') {
+      revalidateTag('certifications', '');
+      revalidatedTags.push('certifications');
+    } else if (_type === 'connectphoto') {
+      revalidateTag('connectphoto', '');
+      revalidatedTags.push('connectphoto');
+    } else if (_type === 'experience') {
+      revalidateTag('experience', '');
+      revalidatedTags.push('experience');
+    } else {
+      // If no type specified or unknown type, revalidate everything
+      console.log(`[${timestamp}] ⚠️  Unknown content type, revalidating all tags`);
+      revalidateTag('projects', '');
+      revalidateTag('certifications', '');
+      revalidateTag('connectphoto', '');
+      revalidateTag('experience', '');
+      revalidatedTags.push('projects', 'certifications', 'connectphoto', 'experience');
+    }
+
+    console.log(`[${timestamp}] ✅ Successfully revalidated tags: ${revalidatedTags.join(', ')}`);
+
+    return NextResponse.json({
+      revalidated: true,
+      tags: revalidatedTags,
+      now: Date.now(),
+      message: `Successfully revalidated tags: ${revalidatedTags.join(', ')}`,
+    });
+  } catch (err) {
+    console.error(`[${timestamp}] ❌ Error revalidating:`, err);
+    return NextResponse.json(
+      { message: 'Error revalidating', error: String(err) },
+      { status: 500 }
+    );
+  }
+}