Initial Commit

keystatic.config.ts

@@ -0,0 +1,8 @@
+import { config } from '@keystatic/core';
+
+export default config({
+  storage: {
+    kind: 'local',
+  },
+  collections: {}
+})

package.json

@@ -9,16 +9,19 @@
     "lint": "eslint"
   },
   "dependencies": {
+    "@keystatic/core": "^0.5.48",
+    "@keystatic/next": "^5.0.4",
+    "@markdoc/markdoc": "^0.5.4",
+    "next": "16.0.1",
     "react": "19.2.0",
-    "react-dom": "19.2.0",
+    "react-dom": "19.2.0"
-    "next": "16.0.1"
   },
   "devDependencies": {
-    "typescript": "^5",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "16.0.1"
+    "eslint-config-next": "16.0.1",
+    "typescript": "^5"
   }
 }

src/app/(cms)/keystatic/[[...params]]/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return null;
+}

src/app/(cms)/keystatic/api/[...params]/route.ts

@@ -0,0 +1,6 @@
+import { makeRouteHandler } from "@keystatic/next/route-handler";
+import { config } from '~/keystatic.config'
+
+export const { POST, GET } = makeRouteHandler({
+  config
+});

src/app/(cms)/keystatic/keystatic.ts

@@ -0,0 +1,6 @@
+"use client";
+
+import { makePage } from "@keystatic/next/ui/app";
+import config from "~/keystatic.config"
+
+export default makePage(config);

src/app/(cms)/keystatic/layout.tsx

@@ -0,0 +1,7 @@
+import KeystaticApp from "./keystatic";
+
+export default function Layout() {
+  return (
+    <KeystaticApp />
+  );
+}

tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -19,7 +23,12 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ],
+      "~/*": [
+        "./*"
+      ]
     }
   },
   "include": [
@@ -30,5 +39,7 @@
     ".next/dev/types/**/*.ts",
     "**/*.mts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }