make meta title and description more configurable (#131)

pluralsh · Dec 13, 2024 · 765e50e · 765e50e
1 parent 001bc12
commit 765e50e
Show file tree

Hide file tree

Showing 9 changed files with 40 additions and 50 deletions.
diff --git a/pages/[keyword].tsx b/pages/[keyword].tsx
@@ -68,8 +68,8 @@ export const getStaticProps = async (context) => {
 
   return propsWithGlobalSettings(
     {
-      metaTitle: 'Plural',
-      metaDescription: page.slug,
+      metaTitle: page.meta_title,
+      metaDescription: page.meta_description,
       headerVariant: HeaderVariant.min,
       footerVariant: FooterVariant.minAlt,
       components: page.components ?? [],

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -36,7 +36,6 @@ import 'swiper/css/autoplay'
 
 export type GlobalPageProps = {
   metaTitle?: string
-  metaTitleFull?: string
   metaDescription?: string
   footerVariant?: FooterVariant
   headerVariant?: HeaderVariant

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -148,9 +148,6 @@ export const getStaticProps = async () => {
 
   return propsWithGlobalSettings(
     {
-      metaTitle: 'Secure, self-hosted applications in your cloud',
-      metaDescription:
-        'Open-source application deployment, faster than ever without sacrificing compliance.',
       pageQueryData: page,
       footerVariant: FooterVariant.kitchenSink,
       errors: combineErrors([error]),

diff --git a/src/components/PrimaryPage.tsx b/src/components/PrimaryPage.tsx
@@ -1,7 +1,7 @@
 import { type ReactNode, createContext } from 'react'
 
 import { type GlobalPageProps } from '@pages/_app'
-import { PAGE_TITLE_PREFIX, PAGE_TITLE_SUFFIX, ROOT_TITLE } from '@src/consts'
+import { PAGE_TITLE_PREFIX } from '@src/consts'
 import { NavDataProvider, type NavList } from '@src/contexts/NavDataContext'
 
 import { type GlobalProps } from '../utils/getGlobalProps'
@@ -25,15 +25,11 @@ export default function PrimaryPage({
   pageProps: GlobalPageProps
   globalProps: GlobalProps
 }) {
-  const { metaTitle, metaTitleFull, metaDescription } = pageProps || {}
+  const { metaTitle, metaDescription } = pageProps || {}
   const { siteSettings } = globalProps || {}
 
   const headProps = {
-    title:
-      metaTitleFull ||
-      (metaTitle
-        ? `${PAGE_TITLE_PREFIX}${metaTitle}${PAGE_TITLE_SUFFIX}`
-        : ROOT_TITLE),
+    title: `${PAGE_TITLE_PREFIX}${metaTitle || siteSettings?.og_title || 'Kubernetes management'}`,
     description: metaDescription || siteSettings?.og_description || '',
     ogImage: siteSettings.og_image,
   }

diff --git a/src/consts.ts b/src/consts.ts
@@ -1,35 +1,6 @@
-import { type GlobalPageProps } from '@pages/_app'
-
-import { type BasicRepo } from './data/getRepos'
-import { type MinStack } from './data/getStacks'
-
-export const ROOT_TITLE =
-  'Plural | Open-source application deployment, faster than ever without sacrificing compliance.'
 export const PAGE_TITLE_PREFIX = 'Plural | '
-export const PAGE_TITLE_SUFFIX = ''
-export const DISCORD_LINK = 'https://discord.com/invite/bEBAMXV64s'
-
-export const getAppMeta = (repo: BasicRepo): GlobalPageProps => {
-  const displayName = repo.displayName || repo.name
-
-  if (!displayName) return {}
 
-  return {
-    metaTitleFull: `Deploying ${displayName} on Plural`,
-    metaDescription: `Use Plural to securely deploy and manage ${displayName} on Kubernetes, in your cloud.`,
-  }
-}
-
-export const getStackMeta = (stack: MinStack): GlobalPageProps => {
-  const displayName = stack.displayName || stack.name
-
-  if (!displayName) return {}
-
-  return {
-    metaTitleFull: `Deploying the ${displayName} stack on Plural`,
-    metaDescription: `Use Plural to securely deploy and manage the ${displayName} stack on Kubernetes, in your cloud.`,
-  }
-}
+export const DISCORD_LINK = 'https://discord.com/invite/bEBAMXV64s'
 
 export const REVALIDATE_TIME = 600 // in seconds
 

diff --git a/src/data/getSiteSettings.tsx b/src/data/getSiteSettings.tsx
@@ -13,7 +13,8 @@ export const getSiteSettings = (
   products?: ProductPageTinyFragment[],
   resources?: ResourcePageTinyFragment[]
 ) => ({
-  og_description: siteSettings.og_description ?? 'Plural',
+  og_title: siteSettings.og_title,
+  og_description: siteSettings.og_description,
   og_image: getImageUrl(siteSettings.og_image),
   main_nav: {
     product: {

diff --git a/src/generated/graphqlDirectus.ts b/src/generated/graphqlDirectus.ts
diff --git a/src/graph/directus/customPages.graphql b/src/graph/directus/customPages.graphql
@@ -1,5 +1,7 @@
 fragment CustomPage on custom_pages {
   id
+  meta_title
+  meta_description
   slug
   components {
     custom_component_id {

diff --git a/src/graph/directus/siteSettings.graphql b/src/graph/directus/siteSettings.graphql
@@ -1,4 +1,5 @@
 fragment SiteSettings on site_settings {
+  og_title
   og_description
   og_image {
     ...ImageFile