https://github.com/ducconit/vue-starter-template
Vue + shadcn ui + pinia + tanstack query
https://github.com/ducconit/vue-starter-template
vue-starter-template vue-template-project
Last synced: 12 days ago
JSON representation
Vue + shadcn ui + pinia + tanstack query
- Host: GitHub
- URL: https://github.com/ducconit/vue-starter-template
- Owner: ducconit
- Created: 2025-03-20T14:43:53.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-05-04T14:35:56.000Z (16 days ago)
- Last Synced: 2025-05-04T15:32:43.059Z (16 days ago)
- Topics: vue-starter-template, vue-template-project
- Language: Vue
- Homepage:
- Size: 230 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue Starter Template
[](https://opensource.org/licenses/MIT)
[](https://vuejs.org/)
[](https://www.typescriptlang.org/)
[](https://vitejs.dev/)
A modern starter template for Vue 3 projects using TypeScript, Vite, and best practices for building scalable web applications.
## Features
- 🚀 [Vue 3](https://vuejs.org/) with Composition API and ``
- 🔧 [TypeScript](https://www.typescriptlang.org/) for type safety
- ⚡️ [Vite](https://vitejs.dev/) for fast development and optimized builds
- 📦 [Pinia](https://pinia.vuejs.org/) for state management
- 🔄 [Vue Router](https://router.vuejs.org/) for client-side routing
- 🧪 Testing setup with [Vitest](https://vitest.dev/)
- 🎨 CSS preprocessing with SCSS
- 📱 Responsive design utilities
- 🔒 Authentication flow implementation
- 🧩 Component architecture best practices
## Getting Started
### Prerequisites
- Bun
### Installation
```bash
# Clone the repository
git clone https://github.com/ducconit/vue-starter-template.git
cd vue-starter-template
# Install dependencies
bun install
# Start development server
bun run dev
```
### Build for Production
```bash
bun run build
```
## Project Structure
```
├── public/ # Static assets
├── src/
│ ├── api/ # API service layer
│ ├── assets/ # Assets that will be processed by the build
│ ├── components/ # Reusable Vue components
│ ├── layouts/ # Layout components
│ ├── plugins/ # Vue plugins and extensions
│ ├── router/ # Vue Router configuration
│ ├── stores/ # Pinia stores
│ ├── types/ # TypeScript type definitions
│ ├── utils/ # Utility functions
│ ├── pages/ # Page components
│ ├── App.vue # Root component
│ └── main.ts # Application entry point
├── eslint.config.ts # ESLint configuration
├── .gitignore # Git ignore rules
├── index.html # HTML entry point
├── package.json # Project dependencies and scripts
├── tsconfig.json # TypeScript configuration
├── vite.config.ts # Vite configuration
├── bun.lockb # Bun lock file
└── README.md # Project documentation
```
## Documentation
For detailed documentation on Vue 3, check out the [Vue.js Documentation](https://vuejs.org/guide/introduction.html).
For TypeScript in Vue, refer to the [Vue TypeScript Guide](https://vuejs.org/guide/typescript/overview.html).
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Star History
[](https://www.star-history.com/#ducconit/vue-starter-template&Date)