diff --git a/.env.site-configs.tpl b/.env.site-configs.tpl
index 310da6218..f3438ba73 100644
--- a/.env.site-configs.tpl
+++ b/.env.site-configs.tpl
@@ -1,3 +1,2 @@
 PRIVATE_SITE_CONFIGS='{{ site://configs/private/local }}'
 PUBLIC_SITE_CONFIGS='{{ site://configs/public/local }}'
-NEXT_PUBLIC_SITE_CONFIGS=$PUBLIC_SITE_CONFIGS
diff --git a/site/package-lock.json b/site/package-lock.json
index 17128459e..5ed5d3e5f 100644
--- a/site/package-lock.json
+++ b/site/package-lock.json
@@ -15,7 +15,6 @@
                 "cache-manager": "^5.6.1",
                 "graphql": "^15.0.0",
                 "next": "^14.2.0",
-                "next-runtime-env": "^3.2.2",
                 "react": "^18.2.0",
                 "react-dom": "^18.2.0",
                 "react-intl": "^6.0.0",
@@ -10980,20 +10979,6 @@
                 }
             }
         },
-        "node_modules/next-runtime-env": {
-            "version": "3.2.2",
-            "resolved": "https://registry.npmjs.org/next-runtime-env/-/next-runtime-env-3.2.2.tgz",
-            "integrity": "sha512-S5S6NxIf3XeaVc9fLBN2L5Jzu+6dLYCXeOaPQa1RzKRYlG2BBayxXOj6A4VsciocyNkJMazW1VAibtbb1/ZjAw==",
-            "license": "MIT",
-            "dependencies": {
-                "next": "^14",
-                "react": "^18"
-            },
-            "peerDependencies": {
-                "next": "^14",
-                "react": "^18"
-            }
-        },
         "node_modules/next/node_modules/postcss": {
             "version": "8.4.31",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
diff --git a/site/package.json b/site/package.json
index 35158bed1..b14d6c7eb 100644
--- a/site/package.json
+++ b/site/package.json
@@ -28,7 +28,6 @@
         "cache-manager": "^5.6.1",
         "graphql": "^15.0.0",
         "next": "^14.2.0",
-        "next-runtime-env": "^3.2.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-intl": "^6.0.0",
diff --git a/site/src/app/layout.tsx b/site/src/app/[domain]/layout.tsx
similarity index 65%
rename from site/src/app/layout.tsx
rename to site/src/app/[domain]/layout.tsx
index 798f6f244..148c6762e 100644
--- a/site/src/app/layout.tsx
+++ b/site/src/app/[domain]/layout.tsx
@@ -1,11 +1,11 @@
 import { SitePreviewProvider } from "@comet/cms-site";
 import { GlobalStyle } from "@src/layout/GlobalStyle";
-import { getSiteConfig } from "@src/middleware";
+import { getSiteConfigForDomain } from "@src/middleware";
 import { ResponsiveSpacingStyle } from "@src/util/ResponsiveSpacingStyle";
+import { SiteConfigProvider } from "@src/util/SiteConfigProvider";
 import StyledComponentsRegistry from "@src/util/StyledComponentsRegistry";
 import type { Metadata } from "next";
 import { draftMode } from "next/headers";
-import { PublicEnvScript } from "next-runtime-env";
 
 export const metadata: Metadata = {
     title: "Comet Starter",
@@ -13,21 +13,22 @@ export const metadata: Metadata = {
 
 export default async function RootLayout({
     children,
+    params: { domain },
 }: Readonly<{
     children: React.ReactNode;
+    params: { domain: string };
 }>) {
-    const { gtmId } = await getSiteConfig();
+    const siteConfig = await getSiteConfigForDomain(domain);
+    const isDraftModeEnabled = draftMode().isEnabled;
 
     return (
         <html>
-            <head>
-                <PublicEnvScript />
-            </head>
+            <head />
             <body>
-                {gtmId && (
+                {siteConfig.gtmId && (
                     <noscript>
                         <iframe
-                            src={`https://www.googletagmanager.com/ns.html?id=${gtmId}`}
+                            src={`https://www.googletagmanager.com/ns.html?id=${siteConfig.gtmId}`}
                             height="0"
                             width="0"
                             style={{ display: "none", visibility: "hidden" }}
@@ -37,7 +38,9 @@ export default async function RootLayout({
                 <StyledComponentsRegistry>
                     <GlobalStyle />
                     <ResponsiveSpacingStyle />
-                    {draftMode().isEnabled ? <SitePreviewProvider>{children}</SitePreviewProvider> : children}
+                    <SiteConfigProvider siteConfig={siteConfig}>
+                        {isDraftModeEnabled ? <SitePreviewProvider>{children}</SitePreviewProvider> : children}
+                    </SiteConfigProvider>
                 </StyledComponentsRegistry>
             </body>
         </html>
diff --git a/site/src/app/block-preview/[type]/page.tsx b/site/src/app/block-preview/[type]/page.tsx
new file mode 100644
index 000000000..cc4b81d80
--- /dev/null
+++ b/site/src/app/block-preview/[type]/page.tsx
@@ -0,0 +1,79 @@
+"use client";
+import { BlockPreviewProvider, IFrameBridgeProvider, useBlockPreviewFetch, useIFrameBridge } from "@comet/cms-site";
+import { PageContentBlockData } from "@src/blocks.generated";
+import { PageContentBlock } from "@src/documents/pages/blocks/PageContentBlock";
+import { StageBlock } from "@src/documents/pages/blocks/StageBlock";
+import type { ContentScope, PublicSiteConfig } from "@src/site-configs";
+import { graphQLApiUrl } from "@src/util/graphQLClient";
+import { recursivelyLoadBlockData } from "@src/util/recursivelyLoadBlockData";
+import { SiteConfigProvider } from "@src/util/SiteConfigProvider";
+import { createContext, PropsWithChildren, useContext, useEffect, useState } from "react";
+
+const PagePreview: React.FunctionComponent = () => {
+    const iFrameBridge = useIFrameBridge();
+
+    const { fetch, graphQLFetch } = useBlockPreviewFetch(graphQLApiUrl);
+
+    const [blockData, setBlockData] = useState<PageContentBlockData>();
+    useEffect(() => {
+        async function load() {
+            if (!iFrameBridge.block) {
+                setBlockData(undefined);
+                return;
+            }
+            const newData = await recursivelyLoadBlockData({
+                blockType: "PageContent",
+                blockData: iFrameBridge.block,
+                graphQLFetch,
+                fetch,
+            });
+            setBlockData(newData);
+        }
+        load();
+    }, [iFrameBridge.block, fetch, graphQLFetch]);
+
+    return <div>{blockData && <PageContentBlock data={blockData} />}</div>;
+};
+
+const StagePreview = () => {
+    const { block: stage } = useIFrameBridge();
+    return stage ? <StageBlock data={stage} /> : null;
+};
+
+const previewComponents = {
+    page: PagePreview,
+    stage: StagePreview,
+};
+
+const PreviewWrapper = ({ type }: { type: string }) => {
+    const iFrameBridge = useIFrameBridge();
+    const siteConfigs = useContext(SiteConfigsContext);
+    if (!iFrameBridge.contentScope) return;
+    const contentScope = iFrameBridge.contentScope as ContentScope;
+    const siteConfig = siteConfigs.find((siteConfig) => siteConfig.scope.domain === contentScope.domain);
+
+    const PreviewComponent = previewComponents[type];
+    return (
+        <SiteConfigProvider siteConfig={siteConfig}>
+            <PreviewComponent />
+        </SiteConfigProvider>
+    );
+};
+
+const SiteConfigsContext = createContext<PublicSiteConfig[]>([]);
+
+export function SiteConfigsProvider({ children, siteConfigs }: PropsWithChildren<{ siteConfigs: PublicSiteConfig[] }>) {
+    return <SiteConfigsContext.Provider value={siteConfigs}>{children}</SiteConfigsContext.Provider>;
+}
+
+const PreviewPage = ({ params }: { params: { type: string } }) => {
+    return (
+        <IFrameBridgeProvider>
+            <BlockPreviewProvider>
+                <PreviewWrapper type={params.type} />
+            </BlockPreviewProvider>
+        </IFrameBridgeProvider>
+    );
+};
+
+export default PreviewPage;
diff --git a/site/src/app/block-preview/layout.tsx b/site/src/app/block-preview/layout.tsx
new file mode 100644
index 000000000..b3c2c8ea9
--- /dev/null
+++ b/site/src/app/block-preview/layout.tsx
@@ -0,0 +1,21 @@
+import { GlobalStyle } from "@src/layout/GlobalStyle";
+import { getSiteConfigs } from "@src/middleware";
+import { ResponsiveSpacingStyle } from "@src/util/ResponsiveSpacingStyle";
+import StyledComponentsRegistry from "@src/util/StyledComponentsRegistry";
+
+import { SiteConfigsProvider } from "./[type]/page";
+
+export default async function BlockPreviewLayout({ children }: { children: React.ReactNode }) {
+    const siteConfigs = getSiteConfigs();
+    return (
+        <html>
+            <body>
+                <StyledComponentsRegistry>
+                    <GlobalStyle />
+                    <ResponsiveSpacingStyle />
+                    <SiteConfigsProvider siteConfigs={siteConfigs}>{children}</SiteConfigsProvider>
+                </StyledComponentsRegistry>
+            </body>
+        </html>
+    );
+}
diff --git a/site/src/app/block-preview/page/page.tsx b/site/src/app/block-preview/page/page.tsx
deleted file mode 100644
index c90e8a17a..000000000
--- a/site/src/app/block-preview/page/page.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-"use client";
-import { BlockPreviewProvider, IFrameBridgeProvider, useBlockPreviewFetch, useIFrameBridge } from "@comet/cms-site";
-import { PageContentBlockData } from "@src/blocks.generated";
-import { PageContentBlock } from "@src/documents/pages/blocks/PageContentBlock";
-import { graphQLApiUrl } from "@src/util/graphQLClient";
-import { recursivelyLoadBlockData } from "@src/util/recursivelyLoadBlockData";
-import { useEffect, useState } from "react";
-
-const PreviewPage: React.FunctionComponent = () => {
-    const iFrameBridge = useIFrameBridge();
-
-    const { fetch, graphQLFetch } = useBlockPreviewFetch(graphQLApiUrl);
-
-    const [blockData, setBlockData] = useState<PageContentBlockData>();
-    useEffect(() => {
-        async function load() {
-            if (!iFrameBridge.block) {
-                setBlockData(undefined);
-                return;
-            }
-            const newData = await recursivelyLoadBlockData({
-                blockType: "PageContent",
-                blockData: iFrameBridge.block,
-                graphQLFetch,
-                fetch,
-            });
-            setBlockData(newData);
-        }
-        load();
-    }, [iFrameBridge.block, fetch, graphQLFetch]);
-
-    return <div>{blockData && <PageContentBlock data={blockData} />}</div>;
-};
-const IFrameBridgePreviewPage = () => {
-    return (
-        <IFrameBridgeProvider>
-            <BlockPreviewProvider>
-                <PreviewPage />
-            </BlockPreviewProvider>
-        </IFrameBridgeProvider>
-    );
-};
-
-export default IFrameBridgePreviewPage;
diff --git a/site/src/app/block-preview/stage/page.tsx b/site/src/app/block-preview/stage/page.tsx
deleted file mode 100644
index 035df97cd..000000000
--- a/site/src/app/block-preview/stage/page.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-import { BlockPreviewProvider, IFrameBridgeProvider, useIFrameBridge } from "@comet/cms-site";
-import { StageBlock } from "@src/documents/pages/blocks/StageBlock";
-
-const StagePreview = () => {
-    const { block: stage } = useIFrameBridge();
-    return stage ? <StageBlock data={stage} /> : null;
-};
-
-const StagePreviewPage = () => (
-    <IFrameBridgeProvider>
-        <BlockPreviewProvider>
-            <StagePreview />
-        </BlockPreviewProvider>
-    </IFrameBridgeProvider>
-);
-
-export default StagePreviewPage;
diff --git a/site/src/config.ts b/site/src/config.ts
deleted file mode 100644
index 8f8f5e4b4..000000000
--- a/site/src/config.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { env } from "next-runtime-env";
-
-import { PublicSiteConfig as SiteConfig } from "../../site-configs.d";
-
-export type { SiteConfig };
-
-export function getSiteConfigForDomain(domainParam: string) {
-    const domain = decodeURIComponent(domainParam);
-    const siteConfig = getSiteConfigs().find((siteConfig) => siteConfig.scope.domain === domain);
-    if (!siteConfig) throw new Error(`SiteConfig not found for domain ${domain}`);
-    return siteConfig;
-}
-
-let siteConfigs: SiteConfig[];
-export function getSiteConfigs() {
-    if (!siteConfigs) {
-        const json = typeof window === "undefined" ? process.env.NEXT_PUBLIC_SITE_CONFIGS : env("NEXT_PUBLIC_SITE_CONFIGS");
-        if (!json) throw new Error("process.env.NEXT_PUBLIC_SITE_CONFIGS must be set.");
-        siteConfigs = JSON.parse(json) as SiteConfig[];
-    }
-    return siteConfigs;
-}
diff --git a/site/src/middleware.ts b/site/src/middleware.ts
index a945eab5b..9ae2b68e9 100644
--- a/site/src/middleware.ts
+++ b/site/src/middleware.ts
@@ -1,11 +1,11 @@
 import { previewParams } from "@comet/cms-site";
-import { getSiteConfigs } from "@src/config";
 import { Rewrite } from "next/dist/lib/load-custom-routes";
 import { headers } from "next/headers";
 import type { NextRequest } from "next/server";
 import { NextResponse } from "next/server";
 
 import { createRedirects } from "./redirects/redirects";
+import type { PublicSiteConfig } from "./site-configs";
 
 function getHost(headers: Headers) {
     const host = headers.get("x-forwarded-host") ?? headers.get("host");
@@ -13,6 +13,12 @@ function getHost(headers: Headers) {
     return host;
 }
 
+export function getSiteConfigForDomain(domain: string) {
+    const siteConfig = getSiteConfigs().find((siteConfig) => siteConfig.scope.domain === domain);
+    if (!siteConfig) throw new Error(`SiteConfig not found for domain ${domain}`);
+    return siteConfig;
+}
+
 async function getSiteConfigForHost(host: string) {
     const sitePreviewParams = await previewParams({ skipDraftModeCheck: true });
     if (sitePreviewParams?.scope) {
@@ -22,6 +28,16 @@ async function getSiteConfigForHost(host: string) {
     return getSiteConfigs().find((siteConfig) => siteConfig.domains.main === host || siteConfig.domains.preliminary === host);
 }
 
+let siteConfigs: PublicSiteConfig[];
+export function getSiteConfigs() {
+    if (!siteConfigs) {
+        const json = process.env.PUBLIC_SITE_CONFIGS;
+        if (!json) throw new Error("process.env.PUBLIC_SITE_CONFIGS must be set.");
+        siteConfigs = JSON.parse(json) as PublicSiteConfig[];
+    }
+    return siteConfigs;
+}
+
 // Used for getting SiteConfig in server-components where params is not available (e.g. sitemap, not-found - see https://github.com/vercel/next.js/discussions/43179)
 export async function getSiteConfig() {
     const host = getHost(headers());
diff --git a/site/src/util/SiteConfigProvider.tsx b/site/src/util/SiteConfigProvider.tsx
new file mode 100644
index 000000000..23593a72f
--- /dev/null
+++ b/site/src/util/SiteConfigProvider.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import type { PublicSiteConfig } from "@src/site-configs.d";
+import { createContext, PropsWithChildren, useContext } from "react";
+
+export const SiteConfigContext = createContext<PublicSiteConfig | undefined>(undefined);
+export const useSiteConfig = () => {
+    const siteConfig = useContext(SiteConfigContext);
+    if (!siteConfig) throw new Error("SiteConfig not set in SiteConfigProvider");
+    return siteConfig;
+};
+
+export function SiteConfigProvider({ children, siteConfig }: PropsWithChildren<{ siteConfig?: PublicSiteConfig }>) {
+    return <SiteConfigContext.Provider value={siteConfig}>{children}</SiteConfigContext.Provider>;
+}
