Add OG image

huguestennier · huguestennier · commit 5a81f4311934 · 2020-10-06T10:28:51.000-04:00
diff --git a/src/site/_data/netlify.js b/src/site/_data/netlify.js
@@ -0,0 +1,14 @@
+const PROD_URL = "https://www.jamstack.org";
+
+module.exports = {
+  /*
+  See also Netlify ENV variables:
+    process.env.CONTEXT === "production" ||
+    process.env.CONTEXT === "deploy-preview" ||
+    process.env.CONTEXT === "branch-deploy"
+
+  via https://docs.netlify.com/configure-builds/environment-variables/
+
+   */
+  deployUrl: process.env.CONTEXT === "production" ? PROD_URL : process.env.DEPLOY_PRIME_URL
+};
diff --git a/src/site/_includes/layouts/base.njk b/src/site/_includes/layouts/base.njk
@@ -2,6 +2,7 @@
 title: Jamstack | JavaScript, APIs, and Markup
 description: What is the Jamstack? Why use the Jamstack? How do I get started? Learn what the Jamstack is all about and why it's the best approach for building faster, more secure websites.
 ---
+
 <!doctype html>
 <html lang="en">
   <head>
@@ -18,12 +19,12 @@ description: What is the Jamstack? Why use the Jamstack? How do I get started? L
     <meta property="og:url" content="https://jamstack.org/">
     <meta property="og:description" content="{{ description }}">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="">
+    <meta property="og:image" content="{{ netlify.deployUrl }}/img/og/default-og-image.png">
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://jamstack.org/">
     <meta property="twitter:title" content="{{ title }} | Jamstack">
     <meta property="twitter:description" content="{{ description }}">
-    <meta property="twitter:image" content="">
+    <meta property="twitter:image" content="{{ netlify.deployUrl }}/img/og/default-og-image.png">
   </head>
   <body class="bg-blue-900 text-blue-100 leading-relaxed antialiased">
     <svg width="0" height="0" aria-hidden="true" style="position: absolute;">
diff --git a/src/site/img/og/default-og-image.png b/src/site/img/og/default-og-image.png
