create-puck-app 0.16.0-canary.ef2e5ec → 0.16.0-canary.fc564d7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-puck-app",
-  "version": "0.16.0-canary.ef2e5ec",
+  "version": "0.16.0-canary.fc564d7",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",

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

@@ -23,7 +23,7 @@ export async function generateMetadata({
   const path = `/${puckPath.join("/")}`;
 
   return {
-    title: getPage(path)?.root.props.title,
+    title: getPage(path)?.root.props?.title,
   };
 }
 

package/templates/next/app/puck/[...puckPath]/client.tsx

@@ -4,12 +4,12 @@ import type { Data } from "@measured/puck";
 import { Puck } from "@measured/puck";
 import config from "../../../puck.config";
 
-export function Client({ path, data }: { path: string; data: Data }) {
+export function Client({ path, data }: { path: string; data: Partial<Data> }) {
   return (
     <Puck
       config={config}
       data={data}
-      onPublish={async (data: Data) => {
+      onPublish={async (data) => {
         await fetch("/puck/api", {
           method: "post",
           body: JSON.stringify({ data, path }),

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

@@ -36,5 +36,7 @@ export default async function Page({
   const path = `/${puckPath.join("/")}`;
   const data = getPage(path);
 
-  return <Client path={path} data={data} />;
+  return <Client path={path} data={data || {}} />;
 }
+
+export const dynamic = "force-dynamic";

package/templates/next/app/puck/page.tsx

@@ -1 +1 @@
-export { default, generateMetadata } from "./[...puckPath]/page";
+export { default, generateMetadata, dynamic } from "./[...puckPath]/page";

package/templates/next/package.json.hbs

@@ -11,7 +11,7 @@
   "dependencies": {
     "@measured/puck": "{{puckVersion}}",
     "classnames": "^2.3.2",
-    "next": "^13.5.2",
+    "next": "^14.2.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -20,6 +20,6 @@
     "@types/react": "^18.0.22",
     "@types/react-dom": "^18.0.7",
     "eslint-config-custom": "*",
-    "typescript": "^4.5.3"
+    "typescript": "^5.5.4"
   }
 }

package/templates/remix/app/root.tsx

@@ -9,8 +9,11 @@ import {
   ScrollRestoration,
 } from "@remix-run/react";
 
+import styles from "~/styles/shared.css";
+
 export const links: LinksFunction = () => [
   ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),
+  { rel: "stylesheet", href: styles },
 ];
 
 export default function App() {

package/templates/remix/app/styles/shared.css

@@ -0,0 +1,3 @@
+body {
+  margin: 0;
+}