diff --git a/packages/next/components/shell/Header.tsx b/packages/next/components/shell/Header.tsx
index 1dd6690..18c8465 100644
--- a/packages/next/components/shell/Header.tsx
+++ b/packages/next/components/shell/Header.tsx
@@ -15,7 +15,7 @@ import { SearchIcon } from "@/components/icons/SearchIcon";
 import { InfoIcon } from "@/components/icons/InfoIcon";
 import { HomeIcon } from "@/components/icons/HomeIcon";
 import { TextButton } from "@/components/ui/Buttons/TextButton";
-import Link from "next/link";
+import { Link } from "@/i18n/navigation";
 
 export const HeaderDestop = () => {
 	return (
@@ -101,14 +101,14 @@ export const HeaderMobile = () => {
 				)}
 				{!showsearchBox && (
 					<div className="absolute left-1/2 -translate-x-1/2 -translate-y-0.5 inline-flex h-full items-center">
-						<a href="/">
+						<Link href="/">
 							<DarkModeImage
 								lightSrc={LogoMobileLight}
 								darkSrc={LogoMobileDark}
 								alt="Logo"
 								className="w-24 h-8 translate-y-[2px]"
 							/>
-						</a>
+						</Link>
 					</div>
 				)}
 				{showsearchBox && <SearchBox close={() => setShowsearchBox(false)} />}
diff --git a/packages/next/i18n/routing.ts b/packages/next/i18n/routing.ts
index c9db02e..d0a7470 100644
--- a/packages/next/i18n/routing.ts
+++ b/packages/next/i18n/routing.ts
@@ -5,5 +5,7 @@ export const routing = defineRouting({
 	locales: ["en", "zh"],
 
 	// Used when no locale matches
-	defaultLocale: "zh"
+	defaultLocale: "zh",
+
+	localePrefix: "as-needed"
 });
diff --git a/packages/next/lib/middleware.ts b/packages/next/middleware.ts
similarity index 100%
rename from packages/next/lib/middleware.ts
rename to packages/next/middleware.ts