https://github.com/vuesion/vuesion

Vuesion is a boilerplate that empowers product teams to build faster with modern best practices across engineering and design. It features a full-stack framework, comprehensive design system, robust testing, and seamless internationalization.
https://github.com/vuesion/vuesion

authentication best-practises boilerplate cypress design-system i18n kitchen-sink nuxtjs pinia pwa seo server-side-rendering storybook typescipt typescript universal vitest vue vuejs

Last synced: 7 months ago
JSON representation

Host: GitHub
URL: https://github.com/vuesion/vuesion
Owner: vuesion
License: mit
Created: 2017-11-18T22:42:36.000Z (almost 8 years ago)
Default Branch: main
Last Pushed: 2025-02-14T15:57:53.000Z (9 months ago)
Last Synced: 2025-04-10T02:14:25.635Z (7 months ago)
Topics: authentication, best-practises, boilerplate, cypress, design-system, i18n, kitchen-sink, nuxtjs, pinia, pwa, seo, server-side-rendering, storybook, typescipt, typescript, universal, vitest, vue, vuejs
Language: Vue
Homepage: https://vuesion.herokuapp.com/
Size: 19.6 MB
Stars: 2,859
Watchers: 62
Forks: 394
Open Issues: 9
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

awesome-boilerplate - Vuesion
fucking-awesome-vue - vuesion - Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design. (Components & Libraries / Scaffold)

README

          


  



# Vuesion

> Vuesion is a boilerplate that empowers product teams to build faster with modern best practices across engineering and design. It features a full-stack framework, comprehensive design system, robust testing, and seamless internationalization.

[![GitHub release](https://img.shields.io/github/release/vuesion/vuesion.svg)](https://GitHub.com/vuesion/vuesion/releases/)

[![Test Coverage](https://api.codeclimate.com/v1/badges/c8e3979ea94da8e9d683/test_coverage)](https://codeclimate.com/github/vuesion/vuesion/test_coverage)

[![Maintainability](https://api.codeclimate.com/v1/badges/c8e3979ea94da8e9d683/maintainability)](https://codeclimate.com/github/vuesion/vuesion/maintainability)

[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://GitHub.com/vuesion/vuesion/graphs/commit-activity)

[![GitHub issues-closed](https://img.shields.io/github/issues-closed/vuesion/vuesion.svg)](https://GitHub.com/vuesion/vuesion/issues?q=is%3Aissue+is%3Aclosed)

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fvuesion%2Fvuesion.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fvuesion%2Fvuesion?ref=badge_shield)

[![MIT license](https://img.shields.io/badge/License-MIT-blue.svg)](https://lbesson.mit-license.org/)

# Live demo

Please visit the **[vuesion app on heroku!](https://vuesion.herokuapp.com/)**

Or have a look into the future and visit the **[vuesion-next app on heroku!](https://vuesion-next.herokuapp.com/)**

# [Get started](https://vuesion.github.io/docs/en/v5/guide/getting-started.html)

# [Documentation](https://vuesion.github.io/docs/en/v5/)

# Features

## Testing

- [Cypress.io E2E testing](https://www.cypress.io/)

- [Vitest Testing framework](https://vitest.dev/)

- [Testing-library](https://testing-library.com/) to encourage good testing practices

- 250+ example tests included

## DX, Code quality and maintenance

- [TypeScript](https://www.typescriptlang.org/)

- [Eslint](https://eslint.org/)

- [Commit message linting](https://github.com/conventional-changelog/commitlint)

- [Prettier code formatting](https://prettier.io/)

- [Semantic releases](./.github/semantic.yml)

- [Changelog](https://www.npmjs.com/package/generate-changelog)

- [Husky pre-commit hooks](https://github.com/typicode/husky)

- [Dockerfile included](./Dockerfile)

- [.env support](./.env-prod)

## Core

- server-side-rendering, single-page-app or statically generated HTML with [Nuxt.js](https://nuxtjs.org/)

- [100% customizable Design-system with 35+ components including](https://vuesion.herokuapp.com/storybook)

  - layout, typography, button, input, select, checkbox, radio, (range-)slider, toggle, ...

  - theming/whitelabel support

- [Figma UIKit](https://www.figma.com/community/file/1080868611324978249)

- [SEO support](https://nuxt.com/docs/getting-started/seo-meta)

- [i18n support](https://i18n.nuxtjs.org/)

- [Authentication module](https://sidebase.io/nuxt-auth/getting-started)

- [PWA module](https://pwa.nuxtjs.org/)

- Code generators for

  - components

  - pages

  - RESTful APIs

  - pinia stores

- [Storybook](https://storybook.js.org/) with the following add-ons

  - [a11y](https://storybook.js.org/addons/@storybook/addon-a11y/)

  - [actions](https://storybook.js.org/addons/@storybook/addon-actions/)

  - [console](https://storybook.js.org/addons/@storybook/addon-console/)

  - [links](https://storybook.js.org/addons/@storybook/addon-links/)

  - [story-source](https://storybook.js.org/addons/@storybook/addon-storysource)

  - [viewport](https://storybook.js.org/addons/@storybook/addon-viewport/)

  - [theme-switcher](https://github.com/vuesion/packages/tree/master/packages/storybook-theme-switcher)

- Form validation with [vee-validate](https://vee-validate.logaretm.com/v3)

- [Anime.js](https://animejs.com/) integration

# Support this project

- [Give a :star:!](https://github.com/vuesion/vuesion/stargazers)

- [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=flat)](https://twitter.com/intent/tweet?text=Vuesion%20an%20enterprise%20ready%20boilerplate%20for%20isomorphic,%20progressive%20web%20apps%20with%20Vue.JS&url=https://github.com/vuesion/vuesion&via=vuesion1&hashtags=Vuesion,VueJS,SEO,Enterprise) it!

- Join the  Discord community!

- [Contribute!](https://github.com/vuesion/vuesion/blob/master/CONTRIBUTING.md)

# Contribute

Contributions are always welcome! Please read the [contribution guidelines](https://github.com/vuesion/vuesion/blob/master/CONTRIBUTING.md) first.

Thanks goes to these wonderful people:

  

    

      
_{Johannes Werner}
💻 🐛 📖 🎨 💡 🔧

      
_{Konstantin Kulinicenko}
💻 🐛 📖 💡

      
_xMartin
💻 🐛 📖 💡

      
_{Silver·湫澲}
📖 🌍

      
_{Stavros Liaskos}
🐛

      
_{Marcelo Boeira}
🌍

      
_{Rick Mann}
💻

    

    

      
_{Ryan McGuire}
💻

      
_{Jay McDoniel}
💻

      
_{Olivia Knoedt}
💻

      
_{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}
⚠️

    

    

      
_Dan
💻

      
_{Manuel J. Bernal}
📖

      
_{Nguyen Kim Bang}
📖

      
_{Daniel Roe}
💻

    

  

This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!

# References

- [nuxt](https://nuxt.com/)

- [@sidebase/nuxt-auth](https://sidebase.io/nuxt-auth/getting-started)

- [nuxt/pwa](https://pwa.nuxtjs.org/)

- [nuxt/i18n](https://i18n.nuxtjs.org/)

- [Storybook](https://storybook.js.org/)

- [vitest](https://vitest.dev/)

- [cypress.io](https://www.cypress.io/)

- [testing-library](https://testing-library.com/docs/vue-testing-library/intro/)

- [vee-validate](https://vee-validate.logaretm.com/v3)

- [animejs](https://animejs.com/)

# Contact

- [WRLD](https://wrld-app.com/w/vuesion/board)

- [Discord](https://discord.gg/59x5cg2)

# License

[MIT](http://opensource.org/licenses/MIT)

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/vuesion/vuesion

Awesome Lists containing this project

README