https://github.com/rifandani/vue-app

Bulletproof Vue 3 SPA template
https://github.com/rifandani/vue-app

ark-ui axios pinia tailwind-merge tanstack-vue-query type-fest typesafe-i18n typescript vee-validate vue-router vue3 vueuse zod

Last synced: 7 months ago
JSON representation

Bulletproof Vue 3 SPA template

• Host: GitHub
• URL: https://github.com/rifandani/vue-app
• Owner: rifandani
• License: mit
• Created: 2023-07-13T16:20:46.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-18T14:06:26.000Z (about 1 year ago)
• Last Synced: 2024-06-18T18:46:05.125Z (about 1 year ago)
• Topics: ark-ui, axios, pinia, tailwind-merge, tanstack-vue-query, type-fest, typesafe-i18n, typescript, vee-validate, vue-router, vue3, vueuse, zod
• Language: TypeScript
• Homepage: https://vue-app-rifandani.vercel.app
• Size: 2.04 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Intro



[![CI](https://github.com/rifandani/vue-app/actions/workflows/ci.yml/badge.svg)](https://github.com/rifandani/vue-app/actions/workflows/ci.yml)

[![DeepScan grade](https://deepscan.io/api/teams/13942/projects/25165/branches/782515/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=13942&pid=25165&bid=782515)



An opinionated and scalable project starter and reference for building bulletproof production ready Vue applications.

## Intro

Vue is an excellent tool for building front-end applications. It has a diverse ecosystem with hundreds of great libraries for literally anything you might need. However, being forced to make so many choices can be overwhelming. It is also very flexible, you can write Vue applications in any way you like, but that flexibility comes with a cost. Since there is no pre-defined architecture that developers can follow, it often leads to a messy, inconsistent, and over-complicated codebase.

This repo attempts to present a way of creating Vue applications using some of the best tools in the ecosystem with a good project structure that scales very well. Based on my experience working with different codebases, this architecture turns out to be the most effective.

The goal here is to serve as a collection of resources and best practices when developing Vue applications. It is supposed to showcase solving most of the real-world problems of an application in a practical way and help developers write better applications.

Feel free to explore the codebase to get the most value out of the repo. For a full documentation, check out the `docs` folder in the root of the repo.

## License

[MIT](https://choosealicense.com/licenses/mit/)