diff --git a/website/nuxt.config.ts b/website/nuxt.config.ts
index 8b91a529..bacdb05c 100644
--- a/website/nuxt.config.ts
+++ b/website/nuxt.config.ts
@@ -1,55 +1,63 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-	modules: [
-		"@nuxt/image-edge",
-		"@nuxtjs/color-mode",
-		[
-			"@pinia/nuxt",
-			{
-				autoImports: ["defineStore", ["defineStore", "definePiniaStore"]],
-			},
-		],
-	],
-	app: {
-		head: {
-			link: [
-				{
-					rel: "shortcut icon",
-					href: "./favicon.ico",
-				},
-				{
-					rel: "manifest",
-					href: "./manifest.json",
-				},
-			],
-			script: [
-				{
-					type: "text/javascript",
-					children: `
+  modules: [
+    "@nuxt/image-edge",
+    "@nuxtjs/color-mode",
+    "@nuxtjs/apollo",
+    [
+      "@pinia/nuxt",
+      {
+        autoImports: ["defineStore", ["defineStore", "definePiniaStore"]],
+      },
+    ],
+  ],
+  apollo: {
+    clients: {
+      default: {
+        httpEndpoint: 'http://localhost:8080/graphql'
+      }
+    },
+  },
+  app: {
+    head: {
+      link: [
+        {
+          rel: "shortcut icon",
+          href: "./favicon.ico",
+        },
+        {
+          rel: "manifest",
+          href: "./manifest.json",
+        },
+      ],
+      script: [
+        {
+          type: "text/javascript",
+          children: `
           (function(c,l,a,r,i,t,y){
           c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
           t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
           y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
           })(window, document, "clarity", "script", "frdjdgrmiy");
           `,
-				},
-			],
-		},
-	},
-	build: {
-		transpile: ["gsap"],
-	},
-	css: ["~/assets/css/main.scss"],
-	postcss: {
-		plugins: {
-			tailwindcss: {},
-			autoprefixer: {},
-		},
-	},
-	webpack: {
-		optimizeCSS: true,
-	},
+        },
+      ],
+    },
+  },
+  build: {
+    transpile: ["gsap"],
+  },
+  css: ["~/assets/css/main.scss"],
+  postcss: {
+    plugins: {
+      tailwindcss: {},
+      autoprefixer: {},
+    },
+  },
+  webpack: {
+    optimizeCSS: true,
+  },
 
-	// @nuxt/image-edge config
-	image: {},
+  // @nuxt/image-edge config
+  image: {},
 })
diff --git a/website/package.json b/website/package.json
index 8d4c02bc..2583058a 100644
--- a/website/package.json
+++ b/website/package.json
@@ -13,6 +13,7 @@
 		"@fontsource/open-sans": "^4.5.14",
 		"@iconify-prerendered/vue-fa6-brands": "^0.18.1662097805",
 		"@nuxt/image-edge": "^1.0.0-27919678.2f5b64b",
+		"@nuxtjs/apollo": "^5.0.0-alpha.5",
 		"@nuxtjs/color-mode": "^3.2.0",
 		"@pinia/nuxt": "^0.4.6",
 		"autoprefixer": "^10.4.13",