- 1. ローカライズ対応の概要
- 2. ローカライズ対応の全体設計
- 1. 改修したファイルの全体像
- 2. 言語の定義を1箇所に集める
- 3. 対応1: ページルーティング
- 1. 組み込みのi18nが静的サイトでは使えない
- 2. 今回のページ配置
- 3. リダイレクト設定に飲み込まれないようにする
- 4. 対応2: 表示言語の判定と受け渡し
- 1. html lang の設定
- 5. 対応3: 文言・設定データの管理
- 1. UI文言の辞書
- 2. ウィジェット等の設定データ
- 6. 対応4: 記事データの管理
- 7. 対応5: 検索エンジン向けの対応
- 1. ページに出すhreflang
- 2. sitemapに出すhreflang
- 3. 対応言語リストが二重管理になる
- 8. その他に考慮したこと
- 9. おまけ: 記事のローカライズ作業
- 10. おわりに
- ホーム
- 20260823_01_nextjs_localize
【Next.js】ブログのローカライズ対応を行ったので内容をまとめる【Elekibear Spark】
都会のエレキベアNext.jsReactフロントエンド関連ローカライズSSGTypeScript
2026-08-23
都会のエレキベアNext.jsReactフロントエンド関連ローカライズSSGTypeScript
2026-08-23
記事をSNSで共有する
著者の各種アカウント
フォローいただけると大変励みになります！
フォローいただけると大変励みになります！
関連記事
【Node.js】Amazonアソシエイトリンクの取得をPA-APIからCreators APIに移行する
2026-07-20
【Astro × Three.js】エンジニア向けポートフォリオサイトを作る【Plasmo Portal】
2026-06-08
【Astro】Astroの使い方と複数UIフレームワーク(React、Vue、Svelte)を組み合わせるサンプル
2026-02-01
【Houdini21.0】3Dビル群っぽいブログヘッダー画像を作成する
2026-01-10
【謹賀新年】２０２６年はクマ年？振り返りと抱負を決める
2026-01-01
【VSCode】ドラッグ&ドロップで画像ファイルをリサイズ・保存する拡張機能を作る
2025-11-22
【謹賀新年】２０２５年こそクマ年！振り返りと抱負を決める
2025-01-01
【ゲーム数学】第九回 p5.jsで学ぶゲーム数学「フーリエ解析」
2024-05-12