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, 44 insertions, 0 deletions

diff --git a/src/app/(main)/layout.config.tsx b/src/app/(main)/layout.config.tsx
new file mode 100644
index 0000000..f9efebb
--- /dev/null
+++ b/src/app/(main)/layout.config.tsx
@@ -0,0 +1,44 @@
+import { UserButton } from '@/components/auth/user-button';
+import { Icons } from '@/components/icons/icons';
+import type { LinkItemType } from 'fumadocs-ui/layouts/links';
+import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+
+export const title = 'Blog';
+export const description =
+  'A blog about web development, software engineering, and the latest technologies.';
+export const owner = 'Anirudh Sriram';
+
+export const baseOptions: BaseLayoutProps = {
+  nav: {
+    title,
+  },
+  githubUrl: 'https://github.com/techwithanirudh/shadcn-blog',
+};
+
+export const linkItems: LinkItemType[] = [
+  {
+    icon: <Icons.info />,
+    text: 'About',
+    url: '/about',
+    active: 'url',
+  },
+  {
+    icon: <Icons.posts />,
+    text: 'Posts',
+    url: '/posts',
+    active: 'url',
+  },
+  {
+    icon: <Icons.tags />,
+    text: 'Tags',
+    url: '/tags',
+    active: 'url',
+  },
+  {
+    type: 'custom',
+    children: <UserButton />,
+    secondary: true,
+  },
+];
+
+export const postsPerPage = 5;