Skip to content
This is a Nuxt.js Boilerplate project that you can clone and play around with to learn the cool stuff you can do with Nuxt
JavaScript Vue Other Other
  1. JavaScript 89.4%
  2. Vue 7.7%
  3. Other 2.6%
  4. Other 0.3%
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
_templates/new
assets
components
cypress
docs
i18n
layouts
middleware
pages
plugins
static
store
tests
.editorconfig
.eslintignore
.eslintrc.js
.gitattributes
.gitignore
.markdownlintrc
.nuxtignore
.prettierignore
.prettierrc
.stylelintignore
README.md
cypress.json
lint-staged.config.js
nuxt.config.js
package.json
stylelint.config.js
tailwind.config.js
yarn.lock

README.md

Nuxt Boilerplate

Netlify Status

This is an ever-evolving, very opinionated architecture and dev environment for new Nuxt projects using Nuxt 2. This is inspired from (and most of the content taken from) the amazing Chris Fritz's Vue Enterprise Boilerplate Project. Thanks Chris :)

This is for now just a work in progress and is nowhere near finished but the idea is that you can clone/download it and play around it with. I will try to constantly add to it so that it has more and more features that one might come across when building a Nuxt project. Have fun and feel free to reach out or submit a pull request if you see anything that needs to be added or fixed.

Features

  • Thorough documentation: Written with the same care as Vue's core docs to quickly train new team members and consolidate knowledge.
  • Guaranteed consistency: Opinionated linting for Vue, JavaScript/JSON, SCSS, and Markdown, integrated into Visual Studio Code and run against staged files on pre-commit.
  • First-class tests: Practice test-driven development with both unit and end-to-end tests. Unit tests with Jest live as first-class citizens alongside your source files, while Cypress provides reliable end-to-end tests in an intuitive GUI for development. - coming soon
  • Speedy development: configurable generatorsso your productivity will skyrocket.

Getting started

# 1. Clone the repository.
git clone https://github.com/debs-obrien/nuxt-boilerplate-project.git my-new-project

# 2. Enter your newly-cloned folder.
cd my-new-project

# 3. Install dependencies. Make sure yarn is installed: https://yarnpkg.com/lang/en/docs/install
yarn

# 4. Read the documentation linked below for "Setup and development".

Documentation

This project includes a docs folder with more details on:

FAQ

Why would I use this boilerplate instead of generating a new project with Nuxt directly?

Nuxt is like a really smart personal assistant, immediately making you more productive by taking care of many concerns for you. This boilerplate is more of a personal coach, aiming to educate and empower users to essentially configure their own framework, ideally suited to their app and team.

This boilerplate aims to educate and empower users to configure these defaults to ideally suit their specific app and team. Call it your playground for playing around in and testing things out then choose what you want and add it to your own project.

You can’t perform that action at this time.