Nextjs I18n Api

Next.js App Router のAPIルートを多言語対応にするスキル。 UI は next-intl 等で対応済みのケースでも、APIエラーメッセージが日本語固定になりがち。 Accept-Language ヘッダーベースで自動切替する仕組みを提供。 ## アーキテクチャ ``` messages/ ja.json ← 日本語メッセージ en.json ← 英語メッセージ src/lib/i18n.ts ← ロケール検出 + t() 関数 ``` ## メッセージファイル構造 ```json // messages/ja.json { "api": { "authRequired": "ログインが必要です", "serverError": "エラーが発生しました", "pointsInsufficient": "ポイントが不足しています" } } // messages/en.json { "api": { "authRequired": "Login required", "serverError": "An error occurred", "pointsInsufficient": "Insufficient points" } } ``` ## i18n ユーティリティ ```typescript // src/lib/i18n.ts import ja from "../../messages/ja.json"; import en from "../../messages/en.json"; export type Locale = "ja" | "en"; export function detectLocale(acceptLanguage?: string | null): Locale { if (!acceptLanguage) return "ja"; const primary = acceptLanguage.split(",")[0]?.trim().toLowerCase().split(";")[0]; return primary?.startsWith("ja") ? "ja" : "en"; } export function createApiT(acceptLanguage?: string | null) { const locale = detectLocale(acceptLanguage); return (key: string) => { // ドット区切りでネスト解決 const keys = key.split("."); let value: unknown = { ja, en }[locale]; for (const k of keys) { value = (value as Record)?.[k]; } return typeof value === "string" ? value : key; }; } ``` ## APIルートでの使い方 ```typescript import { createApiT } from "@/lib/i18n"; export async function POST(req: NextRequest) { const t = createApiT(req.headers.get("accept-language")); if (!session) { return NextResponse.json({ error: t("api.authRequired") }, { status: 401 }); } } ``` ## 通貨の多言語対応 ```typescript // 価格表示もロケールに連動 export function formatPriceLabel(priceJpy: number, priceType: string, currency: "jpy" | "usd"): string {

インストール

購入後にターミナルで実行してください。

正規購入者にはインストールコマンド再実行で最新版が配信されます。

評価とレビュー