feat(back-end): introduce payload

Payload is the next.js Headless CMS and App Framework,
I would like to pick it up and modify it as it is MIT licensed.

Many features in Payload is not applicable for our project.
So, I modify it so that it is light and clear.

1 files changed, 31 insertions, 0 deletions

diff --git a/src/app/(main)/(home)/layout.tsx b/src/app/(main)/(home)/layout.tsx
new file mode 100644
index 0000000..bd641df
--- /dev/null
+++ b/src/app/(main)/(home)/layout.tsx
@@ -0,0 +1,31 @@
+import { Footer } from '@/components/sections/footer';
+import { Header } from '@/components/sections/header';
+import { HomeLayout } from 'fumadocs-ui/layouts/home';
+import { getLinks } from 'fumadocs-ui/layouts/shared';
+import type { ReactNode } from 'react';
+import { baseOptions, linkItems } from '../layout.config';
+
+const Layout = ({ children }: { children: ReactNode }) => {
+  return (
+    <HomeLayout
+      {...baseOptions}
+      links={linkItems}
+      nav={{
+        component: (
+          <Header
+            finalLinks={getLinks(linkItems, baseOptions.githubUrl)}
+            {...baseOptions}
+          />
+        ),
+      }}
+      className='pt-0'
+    >
+      <main className='flex flex-1 flex-col divide-y divide-dashed divide-border/70 border-border/70 border-dashed sm:border-b dark:divide-border dark:border-border'>
+        {children}
+        <Footer />
+      </main>
+    </HomeLayout>
+  );
+};
+
+export default Layout;