add cms-driven metadata to pages (#132)

pluralsh · Dec 20, 2024 · 2af0973 · 2af0973
1 parent 765e50e
commit 2af0973
Show file tree

Hide file tree

Showing 14 changed files with 143 additions and 38 deletions.
diff --git a/pages/contact.tsx b/pages/contact.tsx
@@ -57,9 +57,8 @@ export const getStaticProps = async () => {
     ctaText: page?.cta_text,
     ctaUrl: page?.cta_url,
     form: page?.form,
-    metaTitle: 'Contact us',
-    metaDescription:
-      'Plural offers support to teams of all sizes. We’re here to support our developers through our docs, Discord channel, or Twitter.',
+    metaTitle: page?.meta_title,
+    metaDescription: page?.meta_description,
     footerVariant: FooterVariant.kitchenSink,
   })
 }
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -148,6 +148,8 @@ export const getStaticProps = async () => {
 
   return propsWithGlobalSettings(
     {
+      metaTitle: page?.meta_title,
+      metaDescription: page?.meta_description,
       pageQueryData: page,
       footerVariant: FooterVariant.kitchenSink,
       errors: combineErrors([error]),

diff --git a/pages/legal/[legal].tsx b/pages/legal/[legal].tsx
@@ -129,7 +129,8 @@ export const getStaticProps: GetStaticProps<CommunityPageProps> = async (
 
   return propsWithGlobalSettings({
     footerVariant: FooterVariant.kitchenSink,
-    metaTitle: page.title,
+    metaTitle: page.meta_title,
+    metaDescription: page.meta_description,
     title: page.title,
     subtitle: page.subtitle,
     markdoc,

diff --git a/pages/pricing.tsx b/pages/pricing.tsx
@@ -102,8 +102,8 @@ export const getStaticProps = async () => {
   }
 
   return propsWithGlobalSettings({
-    metaTitle: 'Pricing',
-    metaDescription: 'Flexible plans for every stage of your business',
+    metaTitle: data.pricing_page?.meta_title,
+    metaDescription: data.pricing_page?.meta_description,
     enterprisePlan,
     proPlan,
     footerVariant: FooterVariant.kitchenSink,

diff --git a/pages/product.tsx b/pages/product.tsx
@@ -84,9 +84,8 @@ export const getStaticProps = async () => {
 
   return propsWithGlobalSettings(
     {
-      metaTitle: 'Our platform',
-      metaDescription:
-        'A single platform to manage your entire Kubernetes fleet',
+      metaTitle: page?.meta_title,
+      metaDescription: page?.meta_description,
       pageQueryData: page,
       footerVariant: FooterVariant.kitchenSink,
       errors: combineErrors([error]),

diff --git a/pages/products/[product].tsx b/pages/products/[product].tsx
@@ -67,8 +67,8 @@ export const getStaticProps = async (context) => {
   }
 
   return propsWithGlobalSettings({
-    metaTitle: product?.dropdown_title ?? '',
-    metaDescription: product?.dropdown_description ?? '',
+    metaTitle: product?.meta_title,
+    metaDescription: product?.meta_description,
     footerVariant: FooterVariant.kitchenSink,
     productInfo: product,
   })

diff --git a/pages/resources/[resource].tsx b/pages/resources/[resource].tsx
@@ -69,8 +69,8 @@ export const getStaticProps = async (context) => {
   }
 
   return propsWithGlobalSettings({
-    metaTitle: resourceInfo?.dropdown_title ?? '',
-    metaDescription: '',
+    metaTitle: resourceInfo.meta_title,
+    metaDescription: resourceInfo.meta_description,
     footerVariant: FooterVariant.kitchenSink,
     resourceInfo,
   })

diff --git a/pages/solutions/[solution].tsx b/pages/solutions/[solution].tsx
@@ -80,8 +80,8 @@ export const getStaticProps = async (context: GetStaticPropsContext) => {
 
   return propsWithGlobalSettings({
     solution,
-    metaTitle: 'Plural Solution',
-    metaDescription: solution.dropdown_title || null,
+    metaTitle: solution.meta_title,
+    metaDescription: solution.meta_description,
     footerVariant: FooterVariant.kitchenSink,
     errors: combineErrors([solutionError]),
   })

diff --git a/src/generated/graphqlDirectus.ts b/src/generated/graphqlDirectus.ts
diff --git a/src/graph/directus/pageData/pricing.graphql b/src/graph/directus/pageData/pricing.graphql
@@ -6,6 +6,8 @@ fragment PricingPage on pricing_page {
   enterprise_plan {
     ...PricingPlan
   }
+  meta_title
+  meta_description
 }
 
 fragment PricingPlan on pricing_plans {

diff --git a/src/graph/directus/pageData/product.graphql b/src/graph/directus/pageData/product.graphql
@@ -9,6 +9,8 @@ fragment ProductPage on product_pages {
       ...CustomComponent
     }
   }
+  meta_title
+  meta_description
 }
 
 fragment ProductPageTiny on product_pages {

diff --git a/src/graph/directus/pageData/resources.graphql b/src/graph/directus/pageData/resources.graphql
@@ -8,6 +8,8 @@ fragment ResourcePage on resource_pages {
       ...CustomComponent
     }
   }
+  meta_title
+  meta_description
 }
 
 fragment ResourcePageTiny on resource_pages {

diff --git a/src/graph/directus/pageData/solution.graphql b/src/graph/directus/pageData/solution.graphql
@@ -9,6 +9,8 @@ fragment SolutionPage on solutions_pages {
       ...CustomComponent
     }
   }
+  meta_title
+  meta_description
 }
 
 fragment SolutionPageTiny on solutions_pages {

diff --git a/src/graph/directus/topLevelPages.graphql b/src/graph/directus/topLevelPages.graphql
@@ -4,6 +4,8 @@ fragment MarkdownPage on markdown_pages {
   title
   subtitle
   content
+  meta_title
+  meta_description
 }
 
 fragment PageLegal on page_legal {
@@ -30,6 +32,8 @@ fragment PageHomepage on page_homepage {
       ...CustomComponent
     }
   }
+  meta_title
+  meta_description
 }
 
 fragment PlatformOverviewPage on platform_overview_page {
@@ -49,6 +53,8 @@ fragment PlatformOverviewPage on platform_overview_page {
   image {
     ...ImageFile
   }
+  meta_title
+  meta_description
 }
 
 fragment ContactPage on contact_sales {
@@ -59,6 +65,8 @@ fragment ContactPage on contact_sales {
   form {
     ...Form
   }
+  meta_title
+  meta_description
 }
 
 query PageLegal {