Implement og image override and fix canonical urls

kamranahmedse · Apr 25, 2024 · f173220 · f173220
1 parent 3a1b896
commit f173220
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 7 deletions.
diff --git a/src/lib/guide.ts b/src/lib/guide.ts
@@ -14,6 +14,7 @@ export interface GuideFrontmatter {
   };
   isNew: boolean;
   type: 'visual' | 'textual';
+  ogImageUrl?: string;
   date: string;
   sitemap: {
     priority: number;

diff --git a/src/pages/backend/developer-skills.astro b/src/pages/backend/developer-skills.astro
@@ -19,7 +19,7 @@ const ogImageUrl = getOpenGraphImageUrl({
 <BaseLayout
   title={guideData.seo.title}
   description={guideData.seo.description}
-  permalink={`/backend/${guideId}`}
+  permalink={`/backend/developer-skills`}
   canonicalUrl={guideData.canonicalUrl}
   ogImageUrl={ogImageUrl}
 >

diff --git a/src/pages/backend/developer-tools.astro b/src/pages/backend/developer-tools.astro
@@ -19,7 +19,7 @@ const ogImageUrl = getOpenGraphImageUrl({
 <BaseLayout
   title={guideData.seo.title}
   description={guideData.seo.description}
-  permalink={`/backend/${guideId}`}
+  permalink={`/backend/developer-tools`}
   canonicalUrl={guideData.canonicalUrl}
   ogImageUrl={ogImageUrl}
 >

diff --git a/src/pages/backend/languages.astro b/src/pages/backend/languages.astro
@@ -22,7 +22,7 @@ const ogImageUrl = getOpenGraphImageUrl({
 <BaseLayout
   title={guideData.seo.title}
   description={guideData.seo.description}
-  permalink={`/backend/${guideId}`}
+  permalink={`/backend/languages`}
   canonicalUrl={guideData.canonicalUrl}
   ogImageUrl={ogImageUrl}
 >

diff --git a/src/pages/guides/[guideId].astro b/src/pages/guides/[guideId].astro
@@ -24,10 +24,12 @@ const { guideId } = Astro.params;
 const { guide } = Astro.props;
 const { frontmatter: guideData, author } = guide;
 
-const ogImageUrl = getOpenGraphImageUrl({
-  group: 'guides',
-  resourceId: guideId,
-});
+const ogImageUrl =
+  guideData.ogImageUrl ||
+  getOpenGraphImageUrl({
+    group: 'guides',
+    resourceId: guideId,
+  });
 ---
 
 <BaseLayout