diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3d94885..3ad5f17 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import "~/styles/globals.css"
 import { Bitter, Nunito_Sans } from "next/font/google"
 import Footer from "./footer"
+import { env } from "~/env"
 
 const serif = Bitter({
   subsets: ["latin"],
@@ -16,6 +17,7 @@ export const metadata = {
   title: "Kris McGinnes Portfolio",
   description:
     "I most enjoy building software at the intersection of design and engineering - things that look good but are also built well under the hood.",
+  metadataBase: new URL(env.SITE_URL),
 }
 
 export default function RootLayout({
diff --git a/src/env.js b/src/env.js
index 9d3067d..c85edd5 100644
--- a/src/env.js
+++ b/src/env.js
@@ -8,6 +8,7 @@ export const env = createEnv({
    */
   server: {
     NODE_ENV: z.enum(["development", "test", "production"]),
+    SITE_URL: z.string().url(),
   },
 
   /**
@@ -25,6 +26,7 @@ export const env = createEnv({
    */
   runtimeEnv: {
     NODE_ENV: process.env.NODE_ENV,
+    SITE_URL: process.env.SITE_URL,
     // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,
   },
   /**