added SEO and nav

src/collections/Page.ts

@@ -1,3 +1,4 @@
+import { MetaDescriptionField, MetaImageField, MetaTitleField, OverviewField, PreviewField } from '@payloadcms/plugin-seo/fields'
 import type { CollectionConfig } from 'payload'
 import { slugField } from 'payload'
 
@@ -17,9 +18,48 @@ export const Page: CollectionConfig = {
             required: true,
         },
         {
-            name: 'richText',
-            type: 'richText'
+            type: 'tabs',
+            tabs: [
+                {
+                    label: 'Content',
+                    fields: [
+                        {
+                            name: 'richText',
+                            type: 'richText'
+                        },
+                    ]
+                },
+                {
+                    name: 'meta',
+                    label: 'SEO',
+                    fields: [
+                        OverviewField({
+                            titlePath: 'meta.title',
+                            descriptionPath: 'meta.description',
+                            imagePath: 'meta.image',
+                        }),
+                        MetaTitleField({
+                            hasGenerateFn: true,
+                        }),
+                        MetaImageField({
+                            relationTo: 'media',
+                        }),
+
+                        MetaDescriptionField({}),
+                            PreviewField({
+                            // if the `generateUrl` function is configured
+                            hasGenerateFn: true,
+
+                            // field paths to match the target field for data
+                            titlePath: 'meta.title',
+                            descriptionPath: 'meta.description',
+                        }),
+                    ],
+                },
+            ]
         },
+        
         slugField(),
+        
     ],
 }