Initialize project with Payload CMS

apps/website/app/(payload)/admin/[[...segments]]/page.tsx

@@ -0,0 +1,17 @@
+import configPromise from '@payload-config';
+import { RootPage } from '@payloadcms/next/views';
+import { importMap } from '../importMap';
+
+type Args = {
+    params: Promise<{
+        segments: string[];
+    }>;
+    searchParams: Promise<{
+        [key: string]: string | string[];
+    }>;
+};
+
+const Page = ({ params, searchParams }: Args) =>
+    RootPage({ config: configPromise, importMap, params, searchParams });
+
+export default Page;

apps/website/app/(payload)/admin/importMap.js

@@ -0,0 +1 @@
+export const importMap = {};

apps/website/app/(payload)/api/[...slug]/route.ts

@@ -0,0 +1,14 @@
+import config from '@payload-config';
+import {
+    REST_GET,
+    REST_OPTIONS,
+    REST_PATCH,
+    REST_POST,
+    REST_DELETE,
+} from '@payloadcms/next/routes';
+
+export const GET = REST_GET(config);
+export const POST = REST_POST(config);
+export const DELETE = REST_DELETE(config);
+export const PATCH = REST_PATCH(config);
+export const OPTIONS = REST_OPTIONS(config);

apps/website/app/(payload)/layout.tsx

@@ -0,0 +1,30 @@
+import configPromise from '@payload-config';
+import { RootLayout } from '@payloadcms/next/layouts';
+import React from 'react';
+
+import '@payloadcms/next/css';
+import { handleServerFunctions } from '@payloadcms/next/layouts';
+import { importMap } from './admin/importMap';
+
+type Args = {
+    children: React.ReactNode;
+};
+
+const serverFunction: any = async function (args: any) {
+    'use server';
+    return handleServerFunctions({
+        ...args,
+        config: configPromise,
+        importMap,
+    });
+};
+
+const Layout = ({ children }: Args) => {
+    return (
+        <RootLayout config={configPromise} importMap={importMap} serverFunction={serverFunction}>
+            {children}
+        </RootLayout>
+    );
+};
+
+export default Layout;