Skip to content

ivangreve/nuxt-resume

Repository files navigation

ResuMe Nuxt + i18n (Multilanguage) ✨🌍

locates

An easy way to build you own personal web resume! 💪

Pre-Requisites

How to start? 🥳

  1. Clone the repository
  2. Install dependencies:
  • $ npm install
  1. Build application:
  • $ npm run build
  1. Run in dev mode:
  • $ npm run dev

Configuration ⚙

You can easily customize the template and the languages! 🚀

  • To do this, you have to edit the locales files as you want! 📄

locates

Languages Files 🌍

English: ./locales/en.json

Spanish ./locales/es.json

Add new Language

  1. Create a new language file in the folder ./locales :
  • eg. : fr.json
  1. Change i18n configuration in the nuxt.config.js,
i18n: {
	locales: ['en', 'es', 'fr'],
	defaultLocale:  'en',
	vueI18n: {
		fallbackLocale:  'en',
		messages: {
			en:  require('./locales/en.json'),
			es:  require('./locales/es.json'),
			fr:  require('./locales/fr.json')
		}
	}
},
  1. You can easily change the actual language by following way:
<div>
	<nuxt-link class="btn btn-light" :to="switchLocalePath('en')">EN</nuxt-link>
	<nuxt-link class="btn btn-light" :to="switchLocalePath('es')">ES</nuxt-link>
	<nuxt-link class="btn btn-light" :to="switchLocalePath('fr')">FR</nuxt-link>
</div>

Generate static code 🥳

  1. In the root folder, run the following command:
  • $ npm run generate
  1. All the generated code will be apear in the ./dist folder.

Used Technologies/Tools 🔧🦾