fix: bust cache in generated app on publish

measuredco · Sep 7, 2023 · 6e1c8ed · 6e1c8ed
1 parent 8041fc1
commit 6e1c8ed
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/packages/create-puck-app/templates/next/app/[...puckPath]/client.tsx b/packages/create-puck-app/templates/next/app/[...puckPath]/client.tsx
@@ -21,7 +21,7 @@ export function Client({
         onPublish={async (data: Data) => {
           await fetch("/api/puck", {
             method: "post",
-            body: JSON.stringify({ [path]: data }),
+            body: JSON.stringify({ data, path }),
           });
         }}
       />

diff --git a/packages/create-puck-app/templates/next/app/[...puckPath]/page.tsx b/packages/create-puck-app/templates/next/app/[...puckPath]/page.tsx
@@ -7,7 +7,7 @@ import fs from "fs";
 
 // Replace with call to your database
 const getPage = (path: string) => {
-  const allData: Data | null = fs.existsSync("database.json")
+  const allData: Record<string, Data> | null = fs.existsSync("database.json")
     ? JSON.parse(fs.readFileSync("database.json", "utf-8"))
     : null;
 
@@ -28,7 +28,7 @@ export async function generateMetadata({
   }
 
   return {
-    title: getPage(path),
+    title: getPage(path).root.title,
   };
 }
 

diff --git a/packages/create-puck-app/templates/next/app/api/puck/route.ts b/packages/create-puck-app/templates/next/app/api/puck/route.ts
@@ -1,8 +1,9 @@
+import { revalidatePath } from "next/cache";
 import { NextResponse } from "next/server";
 import fs from "fs";
 
 export async function POST(request: Request) {
-  const data = await request.json();
+  const payload = await request.json();
 
   const existingData = JSON.parse(
     fs.existsSync("database.json")
@@ -12,12 +13,13 @@ export async function POST(request: Request) {
 
   const updatedData = {
     ...existingData,
-    ...data,
+    [payload.path]: payload.data,
   };
 
   fs.writeFileSync("database.json", JSON.stringify(updatedData));
 
+  // Purge Next.js cache
+  revalidatePath(payload.path);
+
   return NextResponse.json({ status: "ok" });
 }
-
-export const revalidate = 0;