nuxt-resume — Nuxt Portfolio Template

SHA-256: a260f59a9f1f3473cae6d3a2ca546640df0ea179dfbffea1f74b327dead8a823

2026-10-01T14:35:35.840Z

# ResuMe Nuxt + i18n (Multilanguage) ✨🌍

![locates](./documentation/ResumeLogo.png)

An easy way to **build** you own personal web resume! 💪
### [Check the Demo 💾](https://ivangreve.com/)

## Pre-Requisites 

- Install [NodeJS](https://nodejs.org/es/)


##  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! 📄

![locates](./documentation/localefiles.jpg)

### 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***, 
```javascript
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:
```html
<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](https://vuejs.org/)
- [Nuxt](https://nuxtjs.org/)
- [i18n](https://nuxtjs.org/examples/i18n/)
- [ESLint](https://eslint.org/) + [Prettier](https://prettier.io/)
- [Bootstrap](https://getbootstrap.com/docs/4.1/getting-started/introduction/)