create-puck-app 0.6.1 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-puck-app",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "private": false,
   "license": "MIT",
   "type": "module",

package/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 }),
           });
         }}
       />

package/templates/next/app/[...puckPath]/page.tsx

@@ -2,7 +2,17 @@ import { Client } from "./client";
 import { notFound } from "next/navigation";
 import resolvePuckPath from "./resolve-puck-path";
 import { Metadata } from "next";
-import { Data } from "@measured/puck/types/Config";
+import { Data } from "@measured/puck";
+import fs from "fs";
+
+// Replace with call to your database
+const getPage = (path: string) => {
+  const allData: Record<string, Data> | null = fs.existsSync("database.json")
+    ? JSON.parse(fs.readFileSync("database.json", "utf-8"))
+    : null;
+
+  return allData ? allData[path] : null;
+};
 
 export async function generateMetadata({
   params,
@@ -17,14 +27,8 @@ export async function generateMetadata({
     };
   }
 
-  const data: Data = (
-    await fetch("http://localhost:3000/api/puck", {
-      next: { revalidate: 0 },
-    }).then((d) => d.json())
-  )[path];
-
   return {
-    title: data?.page?.title,
+    title: getPage(path).root.title,
   };
 }
 
@@ -35,11 +39,7 @@ export default async function Page({
 }) {
   const { isEdit, path } = resolvePuckPath(params.puckPath);
 
-  const data = (
-    await fetch("http://localhost:3000/api/puck", {
-      next: { revalidate: 0 },
-    }).then((d) => d.json())
-  )[path];
+  const data = getPage(path);
 
   if (!data && !isEdit) {
     return notFound();

package/templates/next/app/api/puck/route.ts

@@ -1,16 +1,9 @@
+import { revalidatePath } from "next/cache";
 import { NextResponse } from "next/server";
 import fs from "fs";
 
-export async function GET() {
-  const data = fs.existsSync("database.json")
-    ? fs.readFileSync("database.json", "utf-8")
-    : null;
-
-  return NextResponse.json(JSON.parse(data || "{}"));
-}
-
 export async function POST(request: Request) {
-  const data = await request.json();
+  const payload = await request.json();
 
   const existingData = JSON.parse(
     fs.existsSync("database.json")
@@ -20,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;

package/templates/next/database.json

@@ -0,0 +1 @@
+{"/":{"content":[{"type":"HeadingBlock","props":{"title":"Edit this page by adding /edit to the end of the URL","id":"HeadingBlock-1694032984497"}}],"root":{"title":""}}}