コンテンツへスキップ
Nuxt i18n

Nuxt i18n 連携

自動インポート、SSR、Nitro 互換を備えた Nuxt 3 フル対応。

機能

Nuxt 3 ネイティブモジュール
composables の自動インポート
SEO ユーティリティ(useHead、useSeoMeta)
ロケールベースのルーティング
ロケールの遅延ロード
フル SSR 対応
Nuxt DevTools 連携
Nitro サーバー対応
ハイブリッドレンダリング対応

クイックスタート

モジュールで Nuxt アプリに i18n を追加します。

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@better-i18n/nuxt'],
  betterI18n: {
    project: 'my-org/my-project',
    defaultLocale: 'en',
    locales: ['en', 'tr', 'de']
  }
})

// pages/index.vue
<script setup>
const { t } = useI18n()
</script>

<template>
  <h1>{{ t('welcome') }}</h1>
</template>

Nuxt i18n で開発を始める

無料プランあり。クレジットカード不要。