nestorwheelock / vuesion

Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.

Vuesion

Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.

Live demo

Please visit the vuesion app on heroku!

Or have a look into the future and visit the vuesion-next app on heroku!

Features

Testing

• Cypress.io E2E testing
• Jest Testing framework
• Testing-library to encourage good testing practices
• 250+ example tests included

DX, Code quality and maintenance

• TypeScript
• Eslint
• Commit message linting
• Prettier code formatting
• Semantic releases
• Changelog
• Husky pre-commit hooks
• Dockerfile included
• .env support

Core

• server-side-rendering, single-page-app or statically generated HTML with Nuxt.js
• 100% customizable Design-system with 35+ components including
  • layout, typography, button, input, select, checkbox, radio, (range-)slider, toggle, ...
  • theming/whitelabel support
• Figma UIKit
• SEO support
• i18n support
• Authentication module
• Axios module
• Vue-Apollo module
  • with apollo-composable
  • integrated with Authentication- and Axios module
• PWA module
• State management with vuex
• Code generators for
  • components
  • pages
  • interfaces and fixtures
  • vuex modules
• Storybook with the following add-ons
  • a11y
  • actions
  • console
  • links
  • story-source
  • viewport
  • theme-switcher
• Form validation with vee-validate
• Composition-api module
• Anime.js integration

Getting started

Important note for Windows users only: zkat/npx#146 (comment)

1. Run npx @vuesion/create [project-name] for example npx @vuesion/create my-app (try the latest version by adding the --next flag)
2. Change directory cd my-app
3. Run npm run dev

Documentation

https://vuesion.github.io/docs/en/v4/

Support this project

• Give a ⭐!
• it!
• Join the Discord community!
• Contribute!

Contribute

Contributions are always welcome! Please read the contribution guidelines first.

Thanks goes to these wonderful people:

Johannes Werner 💻 🐛 📖 🎨 💡 🔧	Konstantin Kulinicenko 💻 🐛 📖 💡	xMartin 💻 🐛 📖 💡	Silver·湫澲 📖 🌍	Stavros Liaskos 🐛	Marcelo Boeira 🌍	Rick Mann 💻
Ryan McGuire 💻	Jay McDoniel 💻	Olivia Graham 💻	Hugo Magalhães 🌍	glederer 📖	Tamer Mohamed 💻	Rizwan Zaheer 📖
rgrosjean 💻	Bernardo Corbella 💻	Mohit Tilwani 💻	eipiminus1 📖	Jez McKean 📖	Duylam Nguyen-Ngo 🎨	Martin Merschroth 🎨
Camila Peralta Wieland 🎨	Alec M 📖	misikoff 💻	臭哥哥·湫曗 📖	Paul Vogel 📖	Dario Fuzinato 💻	Maksim Bock ⚠️

This project follows the all-contributors specification. Contributions of any kind welcome!

References

• nuxt
• nuxt/auth
• nuxt/axios
• nuxt/composition-api
• nuxt/pwa
• nuxt/i18n
• nuxt/apollo
• Storybook
• jest
• cypress.io
• testing-library
• vee-validate
• animejs

Contact

• Discord
• Twitter

License

MIT