All Projects → bencodezen → Vue Enterprise Boilerplate

bencodezen / Vue Enterprise Boilerplate

Licence: mit
An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
SCSS
7915 projects
perl
6916 projects
Raku
181 projects
HTML
75241 projects
Dockerfile
14818 projects

Projects that are alternatives of or similar to Vue Enterprise Boilerplate

Laravel6 Frontend Boilerplate
A Vue.js Frontend starter project kit template/boilerplate with Laravel 6 Backend API support.
Stars: ✭ 26 (-99.65%)
Mutual labels:  boilerplate, frontend
Koa Vue Notes Web
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.
Stars: ✭ 200 (-97.28%)
Mutual labels:  boilerplate, frontend
Mern Authentication
MERN stack authentication boilerplate: password reset, email verification, server sessions, redux, hooks and docker for dev and prod.
Stars: ✭ 129 (-98.25%)
Mutual labels:  boilerplate, frontend
Pwa Boilerplate
✨ PWA Boilerplate is highly scalable and is designed to help you kick-start your next project 🔭.
Stars: ✭ 82 (-98.88%)
Mutual labels:  boilerplate, frontend
Gulp Front
Frontend boilerplate and framework based on gulp, pug, stylus and babel
Stars: ✭ 237 (-96.78%)
Mutual labels:  boilerplate, frontend
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: ✭ 126 (-98.29%)
Mutual labels:  boilerplate, frontend
Yii2 Angular Boilerplate
Yii2 REST API + Angular10 Boilerplate (Frontend/Backend)
Stars: ✭ 194 (-97.36%)
Mutual labels:  boilerplate, frontend
Baumeister
👷 The aim of this project is to help you to build your things. From Bootstrap themes over static websites to single page applications.
Stars: ✭ 171 (-97.67%)
Mutual labels:  boilerplate, frontend
React Landing Page Template
A simple react one page landing page templates for startups/companies
Stars: ✭ 224 (-96.95%)
Mutual labels:  boilerplate, frontend
Appy
🚀 A full stack boilerplate web app
Stars: ✭ 225 (-96.94%)
Mutual labels:  boilerplate, frontend
Expo Three Demo
🍎👩‍🏫 Collection of Demos for THREE.js in Expo!
Stars: ✭ 76 (-98.97%)
Mutual labels:  boilerplate, frontend
Aws Boilerplate
Opinionated full stack web app's boilerplate, ready to be deployed to AWS platform.
Stars: ✭ 682 (-90.73%)
Mutual labels:  boilerplate, frontend
Js Boilerplate
Boilerplate for any javascript frontend project
Stars: ✭ 36 (-99.51%)
Mutual labels:  boilerplate, frontend
Webpack Starter
✨ A lightweight foundation for your next webpack based frontend project.
Stars: ✭ 1,745 (-76.27%)
Mutual labels:  boilerplate, frontend
Vue 2 Boilerplate
Vue 2 boilerplate for developing medium to large single page applications.
Stars: ✭ 866 (-88.22%)
Mutual labels:  boilerplate, frontend
Frontend Boilerplate
An ES20XX starter with common frontend tasks using Webpack 4 as module bundler and npm scripts as task runner.
Stars: ✭ 224 (-96.95%)
Mutual labels:  boilerplate, frontend
Frontend Boilerplates
Collection of Boilerplates with ES6, Vue, React, Nuxt, TypeScript, SCSS, Nodejs. Using good practices and file structures to inspire your real projects.
Stars: ✭ 269 (-96.34%)
Mutual labels:  boilerplate, frontend
Primitive
⛏️ ‎ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (-89.35%)
Mutual labels:  boilerplate, frontend
Blogs
📖 全网 100w+ 阅读量的进阶前端技术博客仓库,Vue 源码解析,React 深度实践,TypeScript 进阶艺术,工程化,性能优化实践……
Stars: ✭ 919 (-87.5%)
Mutual labels:  frontend
Angular Go Boilerplate
A simple boilerplate project with Angular 4 on Front-End and Golang on Backend
Stars: ✭ 26 (-99.65%)
Mutual labels:  boilerplate

Vue Enterprise Boilerplate

CircleCI

This is an ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI. Questions, feedback, and for now, even bikeshedding are welcome. 😄

A big thanks to Chris Fritz for the incredible work that he did to make this resource possible.

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.
  • Speedy development: Between configurable generators, handy aliases, and global base components, your productivity will skyrocket.

Getting started

# 1. Clone the repository.
git clone https://github.com/chrisvfritz/vue-enterprise-boilerplate.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. Replace this README's CI badge with a note about when you started
# and a link to a compare URL, so that you can always get an overview
# of new features added to the boilerplate since you cloned.
node _start.js

# 5. Delete the start script, as there can be only one beginning.
rm _start.js

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

Documentation

This project includes a docs folder with more details on:

  1. Setup and development
  2. Architecture
  3. Languages and technologies
  4. Routing, layouts, and views
  5. State management
  6. Tests and mocking the API
  7. Linting and formatting
  8. Editor integration
  9. Building and deploying to production
  10. Troubleshooting

FAQ

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

Vue CLI aims for flexibility, making it as simple as possible for any team to set up a new project, no matter how big or small, whether it's an app or a library, or what languages and technologies are being used.

This boilerplate makes more assumptions. It assumes you're building a large app, possibly developed by a large team. It also makes a lot of default choices for you, based on what tends to work well for large, enterprise projects. At the same time, it aims to educate and empower users to configure these defaults to ideally suit their specific app and team.

Why would I use this boilerplate instead of Nuxt?

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.

If what you're building is very well-defined, with requirements and technical challenges that won't drastically change over time, I'd probably recommend Nuxt instead. For the needs of common applications, it's more than up to the task. If you're a startup trying to prove product-market fit and your primary goal is initial development speed, that's also a point in Nuxt's favor.

Here's when you might prefer building a project off the boilerplate instead:

  • The requirements for the product are very likely to change over time and you want to maintain maximum flexibility and control.
  • You'd like to focus on developing skills that will transfer across any Vue project.
  • You're working in a large team, so need tooling to help everyone avoid common mistakes, write in a consistent style, and avoid bikeshedding in PRs.

Finally, it's not an either-or situation. This boilerplate demonstrates many useful patterns for building robust applications that can also be applied to Nuxt apps. That means you could build a project with Nuxt, while still using this boilerplate as a study guide.

Can you build a Nuxt version of this boilerplate?

I have no plans to personally, but you can find Nuxt forks at debs-obrien/nuxt-boilerplate-project and wemake-services/wemake-vue-template.

This isn't exactly what I'm looking for. Where can I find other boilerplates and similar projects?

See the awesome-vue repo for other great projects in the Vue ecosystem.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].