diff --git a/bun.lock b/bun.lock
index 1991184bd..f2cdc0ab2 100644
--- a/bun.lock
+++ b/bun.lock
@@ -182,6 +182,7 @@
         "@astrojs/node": "^9.4.4",
         "@astrojs/react": "^4.4.0",
         "@astrolib/seo": "^1.0.0-beta.8",
+        "@blitzkit/closed": "workspace:*",
         "@blitzkit/core": "workspace:*",
         "@blitzkit/i18n": "workspace:*",
         "@radix-ui/colors": "^3.0.0",
diff --git a/packages/website-ue/package.json b/packages/website-ue/package.json
index f29256edc..d29a9ec3c 100644
--- a/packages/website-ue/package.json
+++ b/packages/website-ue/package.json
@@ -14,6 +14,7 @@
     "@astrojs/react": "^4.4.0",
     "@astrolib/seo": "^1.0.0-beta.8",
     "@blitzkit/core": "workspace:*",
+    "@blitzkit/closed": "workspace:*",
     "@blitzkit/i18n": "workspace:*",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-icons": "^1.3.2",
diff --git a/packages/website-ue/src/core/api/abstract.ts b/packages/website-ue/src/core/api/abstract.ts
new file mode 100644
index 000000000..aefd47589
--- /dev/null
+++ b/packages/website-ue/src/core/api/abstract.ts
@@ -0,0 +1 @@
+abstract class AbstractAPI {}
diff --git a/packages/website-ue/src/core/api/client.ts b/packages/website-ue/src/core/api/client.ts
new file mode 100644
index 000000000..79d0f7d11
--- /dev/null
+++ b/packages/website-ue/src/core/api/client.ts
@@ -0,0 +1 @@
+export class ClientAPI extends AbstractAPI {}
diff --git a/packages/website-ue/src/core/api/dynamic.ts b/packages/website-ue/src/core/api/dynamic.ts
new file mode 100644
index 000000000..2323ee53f
--- /dev/null
+++ b/packages/website-ue/src/core/api/dynamic.ts
@@ -0,0 +1,12 @@
+import { ClientAPI } from "./client";
+import { ServerAPI } from "./server";
+
+let dynamicAPI: AbstractAPI;
+
+if (typeof window === "undefined") {
+  dynamicAPI = new ServerAPI();
+} else {
+  dynamicAPI = new ClientAPI();
+}
+
+export const api = dynamicAPI;
diff --git a/packages/website-ue/src/core/api/server.ts b/packages/website-ue/src/core/api/server.ts
new file mode 100644
index 000000000..448ffe6fa
--- /dev/null
+++ b/packages/website-ue/src/core/api/server.ts
@@ -0,0 +1 @@
+export class ServerAPI extends AbstractAPI {}
diff --git a/packages/website-ue/src/core/blitz/proxyClient.ts b/packages/website-ue/src/core/blitz/proxyClient.ts
new file mode 100644
index 000000000..f21ab0d34
--- /dev/null
+++ b/packages/website-ue/src/core/blitz/proxyClient.ts
@@ -0,0 +1,7 @@
+import { ProxyClient } from "@blitzkit/closed";
+
+export const proxyClient = await new ProxyClient(
+  import.meta.env.WOTB_SERVER
+).handshake();
+
+export const metadata = await proxyClient.metadata();
diff --git a/packages/website-ue/src/pages/index.astro b/packages/website-ue/src/pages/index.astro
new file mode 100644
index 000000000..0cf5a6d97
--- /dev/null
+++ b/packages/website-ue/src/pages/index.astro
@@ -0,0 +1 @@
+go to <a href="/tanks">/tanks</a>
diff --git a/packages/website-ue/src/pages/tanks/index.astro b/packages/website-ue/src/pages/tanks/index.astro
new file mode 100644
index 000000000..77ae79c8f
--- /dev/null
+++ b/packages/website-ue/src/pages/tanks/index.astro
@@ -0,0 +1,17 @@
+---
+import { api } from "../../core/api/dynamic";
+
+const tanksList = await api.tanksList();
+---
+
+<h1>Tanks</h1>
+
+<ul>
+  {
+    tanksList.map((tank) => (
+      <li>
+        <a href={`/tanks/${tank}`}>{tank}</a>
+      </li>
+    ))
+  }
+</ul>