first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/examples/cms-payload/app/(payload)/admin/[...slug]/page.tsx
+++ b/examples/cms-payload/app/(payload)/admin/[...slug]/page.tsx
@@ -0,0 +1,2 @@
+// Need to render the same component for anything within /admin
+export { default } from "../page";
--- a/examples/cms-payload/app/(payload)/admin/page.tsx
+++ b/examples/cms-payload/app/(payload)/admin/page.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import React from "react";
+import Root from "payload/dist/admin/Root";
+
+const PayloadAdmin = () => {
+  const [mounted, setMounted] = React.useState(false);
+
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) return null;
+
+  return <Root />;
+};
+
+export default PayloadAdmin;
--- a/examples/cms-payload/app/(site)/[slug]/page.tsx
+++ b/examples/cms-payload/app/(site)/[slug]/page.tsx
@@ -0,0 +1,52 @@
+import { notFound } from "next/navigation";
+import { getPayloadClient } from "../../../payload/payloadClient";
+import Blocks from "../../../components/Blocks";
+import { Hero } from "../../../components/Hero";
+import { AdminBar } from "../../../components/AdminBar";
+import { Metadata } from "next";
+
+export async function generateMetadata({
+  params: { slug },
+}): Promise<Metadata> {
+  return {
+    title: slug,
+  };
+}
+
+const Page = async ({ params: { slug } }) => {
+  const payload = await getPayloadClient();
+
+  const pages = await payload.find({
+    collection: "pages",
+    where: {
+      slug: {
+        equals: slug || "home",
+      },
+    },
+  });
+
+  const page = pages.docs[0];
+
+  if (!page) return notFound();
+
+  return (
+    <>
+      <AdminBar adminBarProps={{ collection: "pages", id: page.id }} />
+      <Hero {...page.hero} />
+      <Blocks blocks={page.layout} />
+    </>
+  );
+};
+
+export async function generateStaticParams() {
+  const payload = await getPayloadClient();
+
+  const pages = await payload.find({
+    collection: "pages",
+    limit: 0,
+  });
+
+  return pages.docs.map(({ slug }) => ({ slug }));
+}
+
+export default Page;
--- a/examples/cms-payload/app/(site)/layout.tsx
+++ b/examples/cms-payload/app/(site)/layout.tsx
@@ -0,0 +1,14 @@
+import Layout from "../../components/Layout";
+import { getPayloadClient } from "../../payload/payloadClient";
+
+const SiteLayout = async ({ children }: { children: React.ReactNode }) => {
+  const payload = await getPayloadClient();
+
+  const mainMenu = await payload.findGlobal({
+    slug: "main-menu",
+  });
+
+  return <Layout mainMenu={mainMenu}>{children}</Layout>;
+};
+
+export default SiteLayout;
--- a/examples/cms-payload/app/(site)/page.tsx
+++ b/examples/cms-payload/app/(site)/page.tsx
@@ -0,0 +1,3 @@
+import Page from "./[slug]/page";
+
+export default Page;
--- a/examples/cms-payload/app/layout.tsx
+++ b/examples/cms-payload/app/layout.tsx
@@ -0,0 +1,11 @@
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  );
+}