add seo config with fallback seo

varianter · Sep 13, 2024 · 25f85e4 · 25f85e4
1 parent 67f0689
commit 25f85e4
Show file tree

Hide file tree

Showing 4 changed files with 65 additions and 12 deletions.
diff --git a/studio/schema.ts b/studio/schema.ts
@@ -15,6 +15,7 @@ import companyLocation from "./schemas/documents/companyLocation";
 import compensations from "./schemas/documents/compensations";
 import redirect from "./schemas/documents/redirect";
 import benefitsByLocation from "./schemas/objects/compensations/benefitsByLocation";
+import seoFallback from "./schemas/documents/admin/fallbackSeo";
 
 export const schema: { types: SchemaTypeDefinition[] } = {
   types: [
@@ -34,5 +35,6 @@ export const schema: { types: SchemaTypeDefinition[] } = {
     redirect,
     benefitsByLocation,
     companyLocation,
+    seoFallback,
   ],
 };
diff --git a/studio/schemas/deskStructure.ts b/studio/schemas/deskStructure.ts
@@ -12,13 +12,15 @@ import {
   CaseIcon,
   DoubleChevronRightIcon,
   PinIcon,
+  SearchIcon,
 } from "@sanity/icons";
 import { soMeLinksID } from "./documents/socialMediaProfiles";
 import { companyInfoID } from "./documents/companyInfo";
 import { legalDocumentID } from "./documents/legalDocuments";
 import { compensationsId } from "./documents/compensations";
 import { redirectId } from "./documents/redirect";
 import { companyLocationID } from "./documents/companyLocation";
+import { seoFallbackID } from "./documents/admin/fallbackSeo";
 
 // Admin Section
 const adminSection = (S: StructureBuilder) =>
@@ -36,21 +38,21 @@ const adminSection = (S: StructureBuilder) =>
               S.document()
                 .schemaType(companyInfoID)
                 .documentId(companyInfoID)
-                .title("Company Information"),
+                .title("Company Information")
             ),
           S.listItem()
             .title("Company Locations")
             .icon(PinIcon)
             .child(
-              S.documentTypeList(companyLocationID).title("Company Locations"),
+              S.documentTypeList(companyLocationID).title("Company Locations")
             ),
           S.listItem()
             .title("Legal Documents")
             .icon(CogIcon)
             .child(
-              S.documentTypeList(legalDocumentID).title("Legal Documents"),
+              S.documentTypeList(legalDocumentID).title("Legal Documents")
             ),
-        ]),
+        ])
     );
 
 // Site Settings Section
@@ -69,21 +71,38 @@ const siteSettingSection = (S: StructureBuilder) =>
               S.document()
                 .schemaType("navigationManager")
                 .documentId("navigationManager")
-                .title("Navigation Manager"),
+                .title("Navigation Manager")
             ),
           S.listItem()
             .title("Social Media Profiles")
             .icon(UsersIcon)
             .child(
-              S.document().schemaType(soMeLinksID).documentId(soMeLinksID),
+              S.document().schemaType(soMeLinksID).documentId(soMeLinksID)
+            ),
+          S.listItem()
+            .title("SEO Configurations")
+            .icon(SearchIcon)
+            .child(
+              S.list()
+                .title("SEO Configurations")
+                .items([
+                  S.listItem()
+                    .title("Fallback SEO")
+                    .child(
+                      S.document()
+                        .schemaType(seoFallbackID)
+                        .documentId(seoFallbackID)
+                        .title("Fallback SEO")
+                    ),
+                ])
             ),
           S.listItem()
             .title("Broken Links")
             .icon(DoubleChevronRightIcon)
             .child(S.documentTypeList(redirectId).title("Redirects")),
           //TODO: Add SEO Settings
           //TODO: Add Language selector
-        ]),
+        ])
     );
 
 // Section for dynamic and customizable Pages
@@ -118,9 +137,9 @@ const SpecialPagesSection = (S: StructureBuilder) =>
               S.document()
                 .schemaType(compensationsId)
                 .documentId(compensationsId)
-                .title("Compensations"),
+                .title("Compensations")
             ),
-        ]),
+        ])
     );
 
 // Main export

diff --git a/studio/schemas/documents/admin/fallbackSeo.ts b/studio/schemas/documents/admin/fallbackSeo.ts
@@ -0,0 +1,32 @@
+import { defineField, defineType } from "sanity";
+import seo from "studio/schemas/objects/seo";
+
+export const seoFallbackID = "seoFallback";
+
+const seoFallback = defineType({
+  name: seoFallbackID,
+  type: "document",
+  title: "SEO Configurations",
+  description:
+    "Configure global settings for your site including brand assets, tracking codes, and default SEO settings.",
+  fields: [
+    defineField({
+      ...seo,
+      title: "Default SEO Settings",
+      description:
+        "If page-specific SEO settings are not provided, these settings will be applied as default.",
+      options: {
+        collapsible: false,
+      },
+    }),
+  ],
+  preview: {
+    prepare() {
+      return {
+        title: "SEO Configurations",
+      };
+    },
+  },
+});
+
+export default seoFallback;
diff --git a/studio/schemas/objects/seo.ts b/studio/schemas/objects/seo.ts
@@ -1,4 +1,4 @@
-import { defineField, StringInputProps } from "sanity";
+import { defineField } from "sanity";
 import { StringInputWithCharacterCount } from "studio/components/stringInputWithCharacterCount/StringInputWithCharacterCount";
 
 const seoFieldID = {
@@ -45,12 +45,12 @@ const seo = defineField({
         rule
           .min(70)
           .warning(
-            "A description of at least 70 characters has a higher chance of converting visitors",
+            "A description of at least 70 characters has a higher chance of converting visitors"
           ),
         rule
           .max(160)
           .warning(
-            "A description of more than 160 characters has a lower chance of converting visitors",
+            "A description of more than 160 characters has a lower chance of converting visitors"
           ),
       ],
       components: {