fix(web): payload at /payload route (cuidecar pattern)

Replicate working cuidecar Payload setup: - require() instead of ESM import for withPayload - routes.admin = "/payload" to avoid /admin conflicts - (payload)/payload/ route group with own layout + importMap Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-06 01:51:06 +01:00
parent 96cae38196
commit f1af8c0a79
6 changed files with 581 additions and 1 deletions
--- a/apps/web/src/app/(payload)/layout.tsx
+++ b/apps/web/src/app/(payload)/layout.tsx
@@ -0,0 +1,14 @@
+import "@payloadcms/next/css";
+import type { ReactNode } from "react";
+
+export const metadata = {
+  title: "CMS — claudemesh",
+};
+
+export default function PayloadLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
--- a/apps/web/src/app/(payload)/payload/[[...segments]]/page.tsx
+++ b/apps/web/src/app/(payload)/payload/[[...segments]]/page.tsx
@@ -0,0 +1,14 @@
+/* eslint-disable */
+// @ts-nocheck — Payload generates these types at build time
+import { RootPage, generatePageMetadata } from "@payloadcms/next/views";
+import { importMap } from "../importMap";
+import config from "@payload-config";
+
+type Args = { params: Promise<{ segments: string[] }> };
+
+export const generateMetadata = ({ params }: Args) =>
+  generatePageMetadata({ config, params });
+
+export default function Page({ params }: Args) {
+  return <RootPage config={config} params={params} importMap={importMap} />;
+}
--- a/apps/web/src/app/(payload)/payload/importMap.js
+++ b/apps/web/src/app/(payload)/payload/importMap.js
@@ -0,0 +1,2 @@
+// Auto-generated by Payload at build time. Start empty.
+export const importMap = {};