redshoga / nuxt-gottani-template

Nuxt project template: various features included

nuxt-gottani-template

My stellar Nuxt.js project

What is "gottani"

ごった煮[gottani]

(n) various foods cooked together,hodgepodge,hotchpotch,mulligan stew

Features

• Initial Options (npx create-nuxt-app nuxt-gottani-template)

  • ? Project name nuxt-gottani-template
    ? Project description My perfect Nuxt.js project
    ? Author name redshoga
    ? Choose the package manager Yarn
    ? Choose UI framework None
    ? Choose custom server framework None (Recommended)
    ? Choose Nuxt.js modules Axios
    ? Choose linting tools Prettier
    ? Choose test framework Jest
    ? Choose rendering mode Single Page App
    

• Normalize.css
• Atomic Design Directory Structure
  • ~/components/...
• SCSS Support
  • node-sass, sass-loader
• Nuxt Style Resources
  • Share variables, mixins, functions across all style files (no @import needed)
  • @nuxtjs/style-resources
• VSCode Settings
• VSCode Debugging
  • https://qiita.com/keiichi-hikita/items/e4b788a1d39aa88b46e3
• Prettier was deleted (This repo ONLY USE ESLint)

Recommend VSCode Extensions

• Vetur
• Path Autocomplete
• ESLint
• Debugger for Chrome

TODO

• https://qiita.com/potato4d/items/5e267b828cfaba2ac960

Build Setup

# install dependencies
$ npm run install

# serve with hot reload at localhost:3000
$ npm run dev

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

# generate static project
$ npm run generate

For detailed explanation on how things work, checkout Nuxt.js docs.