Fix canonical url value on client rendered pages

Author: samkim

next-sitemap.config.js

@@ -1,6 +1,6 @@
 /** @type {import('next-sitemap').IConfig} */
 module.exports = {
-  siteUrl: `https://authzed.com${process.env.BASE_DIR ?? ''}`,
+  siteUrl: `https://authzed.com${process.env.NEXT_PUBLIC_BASE_DIR ?? ''}`,
   generateRobotsTxt: true,
   // ...other options
 };

next.config.mjs

@@ -39,7 +39,7 @@ const withNextra = nextra({
 })
 
 export default withNextra({
-  basePath: process.env.BASE_DIR ?? undefined,
+  basePath: process.env.NEXT_PUBLIC_BASE_DIR ?? undefined,
   assetPrefix:
     process.env.VERCEL_ENV === 'production'
       ? 'https://docs-authzed.vercel.app/docs'

theme.config.tsx

@@ -21,7 +21,9 @@ const config: DocsThemeConfig = {
       defaultTitle: 'AuthZed Docs',
       titleTemplate: '%s – AuthZed Docs',
       description: desc,
-      canonical: `https://authzed.com${process.env.BASE_DIR ?? ''}${asPath}`, // NOTE: Update this if the base dir ever changes
+      canonical: `https://authzed.com${
+        process.env.NEXT_PUBLIC_BASE_DIR ?? ''
+      }${asPath}`,
       openGraph: {
         title,
         description: desc,