do the redirect server-side

app/layout.tsx

@@ -14,7 +14,6 @@ import TanstackContext from "@/components/contexts/tanstack-query-context";
 import { LoginProvider } from "@/components/contexts/login-context";
 import { ProProvider } from "@/components/contexts/pro-context";
 import { generateSEO, generateStructuredData } from "@/lib/seo";
-import DomainRedirect from "@/components/domain-redirect";
 
 const inter = Inter({
   variable: "--font-inter-sans",
@@ -114,7 +113,6 @@ export default async function RootLayout({
           data-domain="deepsite.hf.co"
           src="https://plausible.io/js/script.js"
         />
-        <DomainRedirect />
         <IframeDetector />
         <Toaster richColors position="bottom-center" />
         <TanstackContext>

components/domain-redirect/index.tsx

@@ -1,23 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-
-export default function DomainRedirect() {
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-
-    const host = window.location.host;
-
-    // Check if we're not on hf.co or huggingface.co
-    const isHfCo = host === "hf.co" || host.startsWith("hf.co:");
-    const isHuggingFaceCo =
-      host === "huggingface.co" || host.startsWith("huggingface.co:");
-
-    if (!isHfCo && !isHuggingFaceCo) {
-      // Redirect to the correct URL
-      window.location.replace("https://huggingface.co/deepsite");
-    }
-  }, []);
-
-  return null;
-}

middleware.ts

@@ -2,6 +2,17 @@ import { NextResponse } from "next/server";
 import type { NextRequest } from "next/server";
 
 export function middleware(request: NextRequest) {
+  const host = request.headers.get("host") || "";
+
+  // Check if we're not on hf.co or huggingface.co
+  const isHfCo = host === "hf.co" || host.startsWith("hf.co:");
+  const isHuggingFaceCo = host === "huggingface.co" || host.startsWith("huggingface.co:");
+
+  if (!isHfCo && !isHuggingFaceCo) {
+    // Server-side redirect to the correct URL
+    return NextResponse.redirect("https://huggingface.co/deepsite", 301);
+  }
+
   const headers = new Headers(request.headers);
   headers.set("x-current-host", request.nextUrl.host);