diff --git a/apps/cs/middleware.ts b/apps/cs/middleware.ts
new file mode 100644
index 000000000..e7b03dddc
--- /dev/null
+++ b/apps/cs/middleware.ts
@@ -0,0 +1,19 @@
+import { NextRequest, NextResponse } from "next/server";
+
+const serverApiUrl =
+  process.env.NEXT_PUBLIC_SERVER_API_URL ?? "http://localhost:3000";
+
+export function middleware(req: NextRequest) {
+  const pathname = req.nextUrl.pathname;
+  if (pathname.startsWith("/server")) {
+    return NextResponse.rewrite(
+      `${serverApiUrl}${pathname.replace("/server", "")}`,
+    );
+  }
+
+  return NextResponse.next();
+}
+
+export const config = {
+  matcher: "/server/:path*",
+};
diff --git a/apps/cs/next.config.ts b/apps/cs/next.config.ts
index fd2a3a156..5e3560133 100644
--- a/apps/cs/next.config.ts
+++ b/apps/cs/next.config.ts
@@ -1,9 +1,6 @@
 import type { NextConfig } from "next";
 import webpack from "webpack";
 
-const serverApiUrl =
-  process.env.NEXT_PUBLIC_SERVER_API_URL || "http://localhost:3000";
-
 const nextConfig: NextConfig = {
   webpack: (config) => {
     config.plugins.push(
@@ -36,14 +33,6 @@ const nextConfig: NextConfig = {
 
     return config;
   },
-  async rewrites() {
-    return [
-      {
-        source: "/server/:path*",
-        destination: `${serverApiUrl}/:path*`,
-      },
-    ];
-  },
 };
 
 export default nextConfig;