diff --git a/src/config.ts b/src/config.ts index 8fc0f9a..223608f 100644 --- a/src/config.ts +++ b/src/config.ts @@ -20,6 +20,8 @@ export const LOGO_IMAGE = { height: 46, }; +export const MODE = process.env.NODE_ENV || "development"; + export const SOCIALS: SocialObjects = [ { name: "Github", diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index e6ad72f..4cdd662 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,5 +1,5 @@ --- -import { SITE } from "@config"; +import { SITE, MODE } from "@config"; import "@styles/base.css"; export interface Props { @@ -22,6 +22,10 @@ const socialImageURL = new URL( ogImage ? ogImage : SITE.ogImage, Astro.url.origin ).href; + +const isDev = MODE === "development"; + +const dynamicTitle = isDev ? "Dev" : title; --- @@ -34,7 +38,7 @@ const socialImageURL = new URL( - {title} + {dynamicTitle} @@ -60,20 +64,21 @@ const socialImageURL = new URL( href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap" rel="stylesheet" /> - + - - - +