add SITE_URL_CANONICAL config property, point all deployments to single canonical url

Author: nemanjam

src/components/BaseHead.astro

@@ -13,7 +13,7 @@ import { filterUndefined } from '@/utils/objects';
 
 import type { Metadata } from '@/types/common';
 
-const { AUTHOR_NAME, PLAUSIBLE_SCRIPT_URL, PLAUSIBLE_DOMAIN } = CONFIG_CLIENT;
+const { SITE_URL_CANONICAL, AUTHOR_NAME, PLAUSIBLE_SCRIPT_URL, PLAUSIBLE_DOMAIN } = CONFIG_CLIENT;
 
 export interface BaseHeadProps {
   metadata: Metadata;
@@ -23,9 +23,12 @@ export interface BaseHeadProps {
 const { metadata } = Astro.props as BaseHeadProps;
 
 // site: SITE_URL var + '/'
-// url: full page url, cannonical url, per page
+// url: current page url, per page
 const { url } = Astro; // objects
-const { host } = url; // host - nemanjamitic.com
+const { host, pathname, search } = url; // host - nemanjamitic.com
+
+// replace host - all deployments point to single canonical deployment url
+const canonicalUrl = new URL(`${pathname}${search}`, SITE_URL_CANONICAL);
 
 const handledMetadata = handleTitle(metadata);
 
@@ -47,7 +50,7 @@ const ogImageUrl = new URL(image, url);
 
   {/* Links */}
   {/* Root-Relative URL (Starts with /): */}
-  <link rel="canonical" href={url} />
+  <link rel="canonical" href={canonicalUrl} />
   <link
     rel="apple-touch-icon"
     sizes="180x180"

src/config/client.ts

@@ -8,6 +8,8 @@ import type { ConfigClientType } from '@/types/config';
 const configClientData: ConfigClientType = {
   /** all urls without '/' */
   SITE_URL,
+  /** same for all environments, defined here, not env var */
+  SITE_URL_CANONICAL: 'https://nemanjamitic.com',
   SITE_TITLE: 'Nemanja Mitic',
   SITE_DESCRIPTION: 'I am Nemanja, a full stack developer',
   PLAUSIBLE_SCRIPT_URL,
@@ -19,7 +21,7 @@ const configClientData: ConfigClientType = {
   DEFAULT_MODE: 'light',
   DEFAULT_THEME: 'default-light',
   AUTHOR_NAME: 'Nemanja Mitic',
-  AUTHOR_EMAIL: '[email protected]',
+  AUTHOR_EMAIL: '[email protected]', // todo: use email
   AUTHOR_GITHUB: 'https://github.com/nemanjam',
   AUTHOR_LINKEDIN: 'https://www.linkedin.com/in/nemanja-mitic',
   AUTHOR_TWITTER: 'https://x.com/nemanja_codes',

src/schemas/config.ts

@@ -42,6 +42,7 @@ export const configClientSchema = processEnvSchema
   .pick({ SITE_URL: true, PLAUSIBLE_SCRIPT_URL: true, PLAUSIBLE_DOMAIN: true })
   .merge(
     z.object({
+      SITE_URL_CANONICAL: z.string().min(1),
       SITE_TITLE: z.string().min(1),
       SITE_DESCRIPTION: z.string().min(1),
       PAGE_SIZE_POST_CARD: z.number(),