CMS-45730 Add SEO, Site Settings property groups and update contet types

Author: TRomesh

templates/alloy-template/optimizely.config.mjs

@@ -2,4 +2,16 @@ import { buildConfig } from '@optimizely/cms-sdk';
 
 export default buildConfig({
   components: ['./src/components/*.tsx', './src/components/**/*.tsx'],
+  propertyGroups: [
+    {
+      key: 'SEO',
+      displayName: 'SEO',
+      sortOrder: 1,
+    },
+    {
+      key: 'SiteSettings',
+      displayName: 'Site Settings',
+      sortOrder: 2,
+    },
+  ],
 });

templates/alloy-template/src/app/layout.tsx

@@ -10,7 +10,7 @@ import './globals.css';
 import Teaser, { TeaserContentType } from '@/components/base/Teaser';
 import Editorial, { EditorialContentType } from '@/components/base/Editorial';
 import Contact, { ContactContentType } from '@/components/base/Contact';
-import StartPage, { StartContentType } from '@/components/Start';
+import Start, { StartContentType } from '@/components/Start';
 import Product, { ProductContentType } from '@/components/Product';
 import Standard, { StandardContentType } from '@/components/Standard';
 import Notice, { NoticeContentType } from '@/components/base/Notice';
@@ -55,7 +55,7 @@ initReactComponentRegistry({
     Notice,
     Product,
     Standard,
-    StartPage,
+    Start,
     Teaser,
     BlankSection,
   },

templates/alloy-template/src/components/News.tsx

@@ -29,6 +29,30 @@ export const NewsContentType = contentType({
       type: 'richText',
       displayName: 'Main Body',
     },
+    // SEO group
+    site_title: {
+      type: 'string',
+      displayName: 'Title',
+      group: 'SEO',
+    },
+    keywords: {
+      type: 'array',
+      items: {
+        type: 'string',
+      },
+      displayName: 'Keywords',
+      group: 'SEO',
+    },
+    page_description: {
+      type: 'string',
+      displayName: 'Page Description',
+      group: 'SEO',
+    },
+    disable_indexing: {
+      type: 'boolean',
+      displayName: 'Disable Indexing',
+      group: 'SEO',
+    },
   },
 });
 

templates/alloy-template/src/components/Product.tsx

@@ -35,6 +35,30 @@ export const ProductContentType = contentType({
       },
       displayName: 'Content Area',
     },
+    // SEO group
+    site_title: {
+      type: 'string',
+      displayName: 'Title',
+      group: 'SEO',
+    },
+    keywords: {
+      type: 'array',
+      items: {
+        type: 'string',
+      },
+      displayName: 'Keywords',
+      group: 'SEO',
+    },
+    page_description: {
+      type: 'string',
+      displayName: 'Page Description',
+      group: 'SEO',
+    },
+    disable_indexing: {
+      type: 'boolean',
+      displayName: 'Disable Indexing',
+      group: 'SEO',
+    },
   },
 });
 

templates/alloy-template/src/components/Standard.tsx

@@ -10,7 +10,7 @@ export const StandardContentType = contentType({
   key: 'Standard',
   displayName: 'Standard Page',
   baseType: '_experience',
-  mayContainTypes: ['_self', 'News'],
+  mayContainTypes: ['_self', 'News'], // Passed 'News' as a string to avoid circular dependency
   properties: {
     image: {
       type: 'contentReference',
@@ -29,6 +29,30 @@ export const StandardContentType = contentType({
       type: 'richText',
       displayName: 'Main Body',
     },
+    // SEO group
+    site_title: {
+      type: 'string',
+      displayName: 'Title',
+      group: 'SEO',
+    },
+    keywords: {
+      type: 'array',
+      items: {
+        type: 'string',
+      },
+      displayName: 'Keywords',
+      group: 'SEO',
+    },
+    page_description: {
+      type: 'string',
+      displayName: 'Page Description',
+      group: 'SEO',
+    },
+    disable_indexing: {
+      type: 'boolean',
+      displayName: 'Disable Indexing',
+      group: 'SEO',
+    },
   },
 });
 

templates/alloy-template/src/components/Start.tsx

@@ -24,7 +24,7 @@ export const StartContentType = contentType({
     },
     title: {
       type: 'string',
-      displayName: 'Title',
+      displayName: 'Teaser Title',
       group: 'Information',
     },
     description: {
@@ -54,71 +54,85 @@ export const StartContentType = contentType({
       displayName: 'Hide Site Footer',
       group: 'Advanced',
     },
-    // Metadata group
+    // SEO group
     site_title: {
       type: 'string',
       displayName: 'Title',
+      group: 'SEO',
     },
     keywords: {
-      type: 'string',
+      type: 'array',
+      items: {
+        type: 'string',
+      },
       displayName: 'Keywords',
+      group: 'SEO',
     },
     page_description: {
       type: 'string',
       displayName: 'Page Description',
+      group: 'SEO',
     },
     disable_indexing: {
       type: 'boolean',
       displayName: 'Disable Indexing',
+      group: 'SEO',
     },
     // siteSettings group
-    content_pages: {
+    contact_pages: {
       type: 'contentReference',
       allowedTypes: ['_page'],
-      displayName: 'Content Pages',
+      displayName: 'Contact Pages',
     },
     global_news: {
       type: 'contentReference',
       allowedTypes: ['_page'],
       displayName: 'Global News',
+      group: 'SiteSettings',
     },
-    logo_type: {
+    search_page: {
       type: 'contentReference',
       allowedTypes: ['_page'],
-      displayName: 'Logo Type',
+      displayName: 'Search Page',
+      group: 'SiteSettings',
     },
-    search_page: {
+    logo_type: {
       type: 'contentReference',
       allowedTypes: ['_page'],
-      displayName: 'Search Page',
+      displayName: 'Logo Type',
+      group: 'SiteSettings',
     },
     products: {
       type: 'array',
       items: {
         type: 'link',
       },
       displayName: 'Products',
+      group: 'SiteSettings',
     },
     company_information: {
       type: 'array',
       items: {
         type: 'link',
       },
       displayName: 'Company Information',
+      group: 'SiteSettings',
     },
     local_news: {
       type: 'array',
       items: {
         type: 'link',
       },
       displayName: 'Local News',
+      group: 'SiteSettings',
     },
     customer_zone: {
       type: 'array',
       items: {
         type: 'link',
       },
       displayName: 'Customer Zone',
+      group: 'SiteSettings',
     },
   },
 });
@@ -132,7 +146,7 @@ function ComponentWrapper({ children, node }: ComponentContainerProps) {
   return <div {...pa(node)}>{children}</div>;
 }
 
-function StartPage({ opti }: StartProps) {
+function Start({ opti }: StartProps) {
   return (
     <>
       <div
@@ -179,4 +193,4 @@ function StartPage({ opti }: StartProps) {
   );
 }
 
-export default StartPage;
+export default Start;