https://github.com/Wssn/nuxt-i18n-boilerplate

A boilerplate for rapid application development using Nuxt i18n.
https://github.com/Wssn/nuxt-i18n-boilerplate

boilerplate i18n nuxt nuxtjs

Last synced: 3 months ago
JSON representation

A boilerplate for rapid application development using Nuxt i18n.

• Host: GitHub
• URL: https://github.com/Wssn/nuxt-i18n-boilerplate
• Owner: wssn
• License: mit
• Archived: true
• Created: 2019-04-06T18:12:23.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T21:44:14.000Z (about 2 years ago)
• Last Synced: 2024-08-02T01:21:52.535Z (6 months ago)
• Topics: boilerplate, i18n, nuxt, nuxtjs
• Language: Vue
• Homepage: https://nuxt-i18n-boilerplate.now.sh
• Size: 3.42 MB
• Stars: 22
• Watchers: 3
• Forks: 3
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Nuxt i18n Boilerplate

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

## [Demo](https://nuxt-i18n-boilerplate.now.sh)

## Installation

```sh

git clone https://github.com/Wssn/nuxt-i18n-boilerplate.git

cd nuxt-i18n-boilerplate

npm install

npm run dev

```

## Features

- Integration with [nuxt-i18n](https://nuxt-community.github.io/nuxt-i18n/)

- [Boostrap Vue](https://bootstrap-vue.js.org/)

- 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

```javascript

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

```javascript

nuxtI18n: {

  paths: {

    // add your multilanguage seo friendly urls for each lang

    en: '/example-route',

    tr: '/ornek-route'

  }

}

```