improve: use API to revalidate blogs on publish (#82)

* improve: use API to revalidate blogs on publish

Signed-off-by: james-a-morris <[email protected]>

* nit: EOL

* improve: specific page

Signed-off-by: james-a-morris <[email protected]>

---------

Signed-off-by: james-a-morris <[email protected]>

src/app/(routes)/blog/[slug]/page.tsx

@@ -132,3 +132,6 @@ export default async function SpecificBlogPage({ params }: SpecificBlogPageProps
     </>
   );
 }
+
+// Add revalidate for ISR at the page level
+export const revalidate = 60; // revalidate every 60 seconds

src/app/_constants/environment.ts

@@ -9,3 +9,4 @@ export const GOOGLE_ANALYTICS_TAG_ID = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_
 // Server side environment variables
 export const CONTENTFUL_SPACE_ID = process.env.CONTENTFUL_SPACE_ID;
 export const CONTENTFUL_ACCESS_TOKEN = process.env.CONTENTFUL_ACCESS_TOKEN;
+export const CONTENTFUL_REVALIDATE_SECRET = process.env.CONTENTFUL_REVALIDATE_SECRET;

src/app/api/revalidate/route.ts

@@ -0,0 +1,26 @@
+import { NextRequest, NextResponse } from "next/server";
+import { revalidatePath } from "next/cache";
+import { CONTENTFUL_REVALIDATE_SECRET } from "@/app/_constants";
+
+export async function POST(request: NextRequest) {
+  const requestHeaders = new Headers(request.headers);
+  const secret = requestHeaders.get("x-vercel-reval-key");
+
+  if (secret !== CONTENTFUL_REVALIDATE_SECRET) {
+    return NextResponse.json({ message: "Invalid secret" }, { status: 401 });
+  }
+
+  const body = await request.json();
+  const slug = body?.fields?.slug?.["en-US"];
+
+  if (typeof slug !== "string") {
+    return NextResponse.json({ message: "Invalid request body" }, { status: 400 });
+  }
+
+  // Revalidate blog post and all related pages
+  revalidatePath(`/blog/${slug}`);
+  // Revalidate home page
+  revalidatePath("/blog");
+
+  return NextResponse.json({ revalidated: true, slug, now: Date.now() });
+}