Nuxt i18n Boilerplate

Minimalistic example Boilerplate for Nuxt.JS applications with fully ready Nuxt i18n module.

Demo

Installation

git clone https://github.com/Wssn/nuxt-i18n-boilerplate.git
cd nuxt-i18n-boilerplate
npm install
npm run dev

Features

• Integration with nuxt-i18n
• Boostrap Vue
• Search Engine Optimization
• Well-organized separated language files
• SEO friendly URL

Language Files

There is a lang directory in root folder. Each language has their own .json file.

nuxt.config.js

locales: [
  {
    code: 'en',
    iso: 'en-GB',
    name: 'English',
    file: 'en.json'
  },
  {
    code: 'tr',
    iso: 'tr-TR',
    name: 'Türkçe',
    file: 'tr.json'
  }
],

SEO Friendly URLs

pages/example.vue

nuxtI18n: {
  paths: {
    // add your multilanguage seo friendly urls for each lang
    en: '/example-route',
    tr: '/ornek-route'
  }
}