Merge branch 'main' into postperpage_query

Author: GuilleAngulo

.gitignore

@@ -38,5 +38,7 @@ public/feed.xml
 public/sitemap.xml
 public/robots.txt
 
+public/images/og
+
 # VSCode settings
-.vscode/
+.vscode/

next.config.js

@@ -25,6 +25,13 @@ module.exports = withPlugins([[indexSearch], [feed], [sitemap], [socialImages]],
     // TODO: remove and throw warning if used instead of WORDPRESS_GRAPHQL_ENDPOINT
 
     WORDPRESS_HOST: removeLastTrailingSlash(process.env.WORDPRESS_HOST),
+
+    // The image directory for open graph images will be saved at the location above
+    // with `public` prepended. By default, images will be saved at /public/images/og
+    // and available at /images/og. If changing, make sure to update the .gitignore
+
+    OG_IMAGE_DIRECTORY: '/images/og',
+
   },
 });
 

plugins/socialImages.js

@@ -8,7 +8,12 @@ const WebpackPluginCompiler = require('./plugin-compiler');
 const pkg = require('../package.json');
 
 module.exports = function sitemap(nextConfig = {}) {
-  const { env, outputDirectory = './public/images', outputName = '[slug].png', verbose = false } = nextConfig;
+  const {
+    env,
+    outputDirectory = `./public${nextConfig.env.OG_IMAGE_DIRECTORY}`,
+    outputName = '[slug].png',
+    verbose = false,
+  } = nextConfig;
 
   const width = 1012;
   const height = 506;