philippe-desplats / vuetify-nuxt

A Nuxt.js + Vuetify.js starter project template with a different organization to the usual one. This package will allow you to install several components from the initialization.

NuxtJS template with Vuetify

A Nuxt.js + Vuetify.js starter project template with a different organization to the usual one. This package will allow you to install several components from the initialization.

🔨 Installation

This is a project template for vue-cli.

$ npm install -g vue-cli
$ vue init RedekProject/vuetify-nuxt my-project
$ cd my-project
$ npm install
$ npm run dev

Make sure to use a version of vue-cli >= 2.1 (Know the vue-cli version : vue -V).

🚀 Usage

Development

Command to develop your web application.

# Server with hot reloading at localhost:3000
$ npm run dev

Go to http://localhost:3000.

Production - No SPA

# Build for production and launch the server
$ npm run build
$ npm start

Generate - For SPA

# Generate a static project
$ npm run generate

Directory Structure

.
├── config
|   └── # Contains all nuxt configuration files.
├── rules
|   └── # Contains all rules islint configurable easily and quickly. (credit : @slynova/eslint-config).
├── src
|   ├── assets
|   |   ├── fonts # Default font installed to show how _fonts.scss works.
|   |   |   ├── Nunito
|   |   |   └── Roboto
|   |   ├── images
|   |   └── style
|   |       ├── css # If `SASS` is not installed.
|   |       ├── scss # If `SASS` is installed.
|   |       └── styl
|   ├── components
|   ├── layouts
|   ├── middleware
|   ├── pages # If `@nuxtjs/router` is not installed.
|   ├── plugins
|   ├── static
|   ├── store
|   ├── views # If `@nuxtjs/router` is installed.
|   └── router.js # If `@nuxtjs/router` is installed.
├── .editorconfig
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── nuxt.config.js
├── package.json
└── README.md

🔌 Components

• @nuxtjs/axios : https://github.com/nuxt-community/axios-module
• @nuxtjs/router : https://github.com/nuxt-community/router-module
• @nuxtjs/sitemap : https://github.com/nuxt-community/sitemap-module
• Vuetify - A La Carte : https://vuetifyjs.com/en/guides/a-la-carte
• PUG : https://github.com/pugjs/pug
• SCSS :
  • Node-Sass : https://github.com/sass/node-sass
  • Sass-Loader : https://github.com/webpack-contrib/sass-loader
• Polyfill :
  • Babel Polyfill : https://babeljs.io/
  • Eventsource Polyfill : https://github.com/amvtek/EventSource

📘 Documentations

• VueJS : https://vuejs.org
• VueX : https://vuex.vuejs.org
• Nuxt : https://nuxtjs.org
• Pug : https://pugjs.org
• SASS : https://sass-lang.com

👥 Author

• DESPLATS Philippe - Full-stack developer - Redek Project

Credit : Vuetify.js

📄 License

This project is licensed under the MIT License - see the LICENSE.md file for details.