Personal resume template, VueJs + Nuxt

ResuMe Nuxt + i18n (Multilanguage) ✨ 🌍

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

Check the Demo 💾

Pre-Requisites

• Install NodeJS

How to start? 🥳

1. Clone the repository
2. Install dependencies:

• $ npm install

3. Build application:

• $ npm run build

4. 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! 📄

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

2. 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')
		}
	}
},

3. 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

2. All the generated code will be apear in the ./dist folder.

Used Technologies/Tools 🔧 🦾

• VueJs
• Nuxt
• i18n
• ESLint + Prettier
• Bootstrap

Download Details:

Author: ivangreve

Source Code: https://github.com/ivangreve/nuxt-resume

#vuejs #vue #javascript