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

Personal resume template, VueJs + Nuxt
https://github.com/ivangreve/nuxt-resume

bootstrap-template html-resume i18n i18n-nuxt nuxt nuxt-resume nuxt-template resume resume-app resume-i18n resume-template resume-website vuejs vuejs-resume vuejs-template

Last synced: about 3 hours ago
JSON representation

Personal resume template, VueJs + Nuxt

• Host: GitHub
• URL: https://github.com/ivangreve/nuxt-resume
• Owner: ivangreve
• License: mit
• Created: 2020-06-20T23:23:14.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-04-05T14:32:14.000Z (over 3 years ago)
• Last Synced: 2023-03-06T23:46:54.271Z (over 1 year ago)
• Topics: bootstrap-template, html-resume, i18n, i18n-nuxt, nuxt, nuxt-resume, nuxt-template, resume, resume-app, resume-i18n, resume-template, resume-website, vuejs, vuejs-resume, vuejs-template
• Language: Vue
• Homepage:
• Size: 1.29 MB
• Stars: 25
• Watchers: 4
• Forks: 17
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        

# 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



	EN

	ES

	FR



```


##  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/)