feat: graphql client with fetches for initial pages

next.config.js

@@ -1,4 +1,24 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "eu-images.contentstack.com",
+        pathname: "/v3/assets/**",
+      },
+    ],
+  },
+
+  webpack: function (config, options) {
+    config.module.rules.push({
+      test: /\.(graphql|gql)/,
+      exclude: /node_modules/,
+      loader: "graphql-tag/loader"
+    });
+
+    return config;
+  }
+};
 
 module.exports = nextConfig;