i18n/navigation.ts

@@ -0,0 +1,5 @@
+import { createNavigation } from "next-intl/navigation";
+import { routing } from "./routing";
+
+export const { Link, redirect, usePathname, useRouter, getPathname } =
+	createNavigation(routing);

i18n/request.ts

@@ -0,0 +1,15 @@
+import { getRequestConfig } from "next-intl/server";
+import { routing } from "./routing";
+
+export default getRequestConfig(async ({ requestLocale }) => {
+	let locale = await requestLocale;
+
+	if (!locale || !routing.locales.includes(locale as "en" | "zh" | "ja")) {
+		locale = routing.defaultLocale;
+	}
+
+	return {
+		locale,
+		messages: (await import(`../messages/${locale}.json`)).default,
+	};
+});

i18n/routing.ts

@@ -0,0 +1,8 @@
+// src/i18n/routing.ts
+import { defineRouting } from "next-intl/routing";
+
+export const routing = defineRouting({
+	locales: ["en", "zh", "ja"],
+	defaultLocale: "en",
+	localePrefix: "always",
+});