Add seo fields

starknet-io · Sep 26, 2023 · 64ced5f · 64ced5f
1 parent ad287b7
commit 64ced5f
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 4 deletions.
diff --git a/workspaces/cms-config/src/collections/pages.ts b/workspaces/cms-config/src/collections/pages.ts
@@ -30,6 +30,29 @@ export const pagesCollectionConfig = {
       label: "Show title",
       widget: "boolean"
     },
+    {
+      required: false,
+      name: "seoTitle",
+      label: "Seo title",
+      hint: "If empty the title field will be used",
+      widget: "string",
+      crowdin: true,
+    },
+    {
+      required: false,
+      name: "seoDescription",
+      label: "Seo description",
+      widget: "string",
+      crowdin: true,
+    },
+    {
+      required: false,
+      name: "seoFocusKeywords",
+      label: "Seo focus keywords",
+      hint: "Enter the focus keywords separated by commas",
+      widget: 'list',
+      crowdin: true,
+    },
     {
       name: "template",
       widget: "select",

diff --git a/workspaces/website/src/renderer/_default.page.server.tsx b/workspaces/website/src/renderer/_default.page.server.tsx
@@ -1,6 +1,6 @@
 import { renderToStream } from "react-streaming/server";
 import { escapeInject } from "vite-plugin-ssr/server";
-import { PageContextServer } from "./types";
+import { PageContextServer, SeoType } from "./types";
 import { PageShell } from "./PageShell";
 import { getDefaultPageContext } from "./helpers";
 import type { InjectFilterEntry } from "vite-plugin-ssr/types";
@@ -41,20 +41,27 @@ export async function render(pageContext: PageContextServer) {
   });
 
   const GOOGLE_TAG_ID = "G-WY42TERK5P";
+  const pageSeo = pageProps?.data as SeoType
   const documentProps =
     pageContext.documentProps ?? pageContext.exports.documentProps;
 
-  const title = documentProps?.title
-    ? `${documentProps?.title} - Starknet`
+
+  console.log('HERE')
+  console.log(documentProps, pageProps)
+
+  const title = documentProps?.title ?? pageSeo?.seoTitle
+    ? `${documentProps?.title ?? pageSeo?.seoTitle} - Starknet`
     : "Starknet";
 
   const description =
-    documentProps?.description ??
+    documentProps?.description ?? pageSeo?.seoDescription as string ??
     "Starknet is the secure scaling technology bringing Ethereum’s benefits to the world.";
 
   const image =
     documentProps?.image ??
     `${import.meta.env.VITE_SITE_URL}/assets/share/generic_landing.png`;
+
+  const focusKeywords = pageSeo?.seoFocusKeywords as string[]
 
   const documentHtml = escapeInject`<!DOCTYPE html>
   <html>
@@ -66,6 +73,7 @@ export async function render(pageContext: PageContextServer) {
       <title>${title}</title>
       <meta name="title" content="${title}">
       <meta name="description" content="${description}">
+      <meta name="keywords" content="${focusKeywords?.join(',') ?? "starknet"}">
 
       <!-- Open Graph / Facebook -->
       <meta property="og:type" content="article">

diff --git a/workspaces/website/src/renderer/types.ts b/workspaces/website/src/renderer/types.ts
@@ -23,6 +23,12 @@ export interface DocumentProps {
   video?: string;
 }
 
+export type SeoType = {
+  seoTitle?: string;
+  seoDescription?: string;
+  seoFocusKeywords?: string[];
+}
+
 export type PageContextCustom = {
   Page: Page;
   pageProps?: PageProps;