Vuyah 🚀

Vuyah is a modern and powerful boilerplate for Vue.js projects. Built on a flexible and scalable structure, it accelerates development and simplifies maintenance. Start building creative and efficient applications with Vuyah today!

Refer to the translated README at the links below

• README.md | 한국어

For detailed information about the current project, please refer to the blog post below.

• [post] 프로젝트 구조 만들기 | Vue.js

✨ Features

1. Latest Technology Stack

• Vue 3: Modern and robust Vue.js framework.
• TypeScript Ready: Enhanced readability and stability with powerful typing.
• Pinia: The next-generation state management library for Vue.js.
• Vite: Ultra-fast build and development server tooling.

2. Structured Project Design

• Based on FSD (Feature-Sliced Design) for maintainability and scalability.
• Modular design for widgets, layouts, and state management.

3. Efficient Development Environment

• ESLint & Prettier: Consistent code style and quality enforcement.

📂 Project Structure

src/
├── app/               # Global application settings
│   ├── plugins/       # Plugin configurations (e.g., Pinia, Router)
│   ├── styles/        # Global styles
│   └── main.ts        # Entry point
├── shared/            # Reusable utilities and components
├── widget/            # Layouts and widgets
├── features/          # Domain-specific features
└── pages/             # Page-level views

🚀 Getting Started

1. Clone the repository

git clone https://github.com/oobg/vuyah.git

2. Install dependencies

npm install

3. Run the development server

npm run dev

4. Build for production

npm run build

🛠️ Available Scripts

• npm run dev: Start the development server.
• npm run build: Build for production.
• npm run lint: Run linting.
• npm run test: Run tests.

🌟 Why Choose Vuyah?

1. Boost Productivity

Vuyah speeds up development and simplifies project maintenance.

2. Scalability & Flexibility

Its well-structured architecture ensures ease of feature expansion.

3. Optimized Developer Experience

Leverage the latest Vue.js technology stack for a seamless experience.