Created empty files & folders for CMS blocks, updated the RootLayout

src/blocks/Code/Component.client.tsx

@@ -0,0 +1 @@
+// 

src/blocks/Code/Component.tsx

@@ -0,0 +1,21 @@
+// import React from 'react'
+
+// import { Code } from './Component.client'
+
+// export type CodeBlockProps = {
+//   code: string
+//   language?: string
+//   blockType: 'code'
+// }
+
+// type Props = CodeBlockProps & {
+//   className?: string
+// }
+
+// export const CodeBlock: React.FC<Props> = ({ className, code, language }) => {
+//   return (
+//     <div className={[className, 'not-prose'].filter(Boolean).join(' ')}>
+//       <Code code={code} language={language} />
+//     </div>
+//   )
+// }

src/blocks/Code/config.ts

@@ -0,0 +1,33 @@
+import type { Block } from 'payload'
+
+export const Code: Block = {
+  slug: 'code',
+  interfaceName: 'CodeBlock',
+  fields: [
+    {
+      name: 'language',
+      type: 'select',
+      defaultValue: 'typescript',
+      options: [
+        {
+          label: 'Typescript',
+          value: 'typescript',
+        },
+        {
+          label: 'Javascript',
+          value: 'javascript',
+        },
+        {
+          label: 'CSS',
+          value: 'css',
+        },
+      ],
+    },
+    {
+      name: 'code',
+      type: 'code',
+      label: false,
+      required: true,
+    },
+  ],
+}