feat(website): add next-intl i18n and dark mode support

2026-01-24 05:20:20 +09:00
parent b7d3417d2e
commit f28c8a45dd
19 changed files with 392 additions and 57 deletions
@@ -0,0 +1,37 @@
+"use client";
+
+import { useLocale, useTranslations } from "next-intl";
+import { usePathname, useRouter } from "@/i18n/routing";
+import { ChangeEvent, useTransition } from "react";
+
+export default function LanguageSwitcher() {
+  const t = useTranslations("LanguageSwitcher");
+  const locale = useLocale();
+  const router = useRouter();
+  const pathname = usePathname();
+  const [isPending, startTransition] = useTransition();
+
+  function onSelectChange(event: ChangeEvent<HTMLSelectElement>) {
+    const nextLocale = event.target.value;
+    startTransition(() => {
+      router.replace(pathname, { locale: nextLocale });
+    });
+  }
+
+  return (
+    <label className="border-2 rounded">
+      <p className="sr-only">{t("label")}</p>
+      <select
+        defaultValue={locale}
+        className="bg-transparent py-2"
+        onChange={onSelectChange}
+        disabled={isPending}
+      >
+        <option value="en">English</option>
+        <option value="ko">한국어</option>
+        <option value="zh">中文</option>
+        <option value="ja">日本語</option>
+      </select>
+    </label>
+  );
+}