zce/dashboard

🚀 Dashboard mẫu Vue.js 3.0 + Vite – Nền tảng admin hiện đại

Một bộ khung dashboard dựa trên Vue.js 3.0 và Vite, tích hợp đầy đủ công nghệ: TypeScript, Vuex, Vue Router, mock API bằng Express, xác thực JWT, i18n, CI/CD và triển khai Serverless trên Vercel.

Dự án zce/dashboard là một mẫu scaffolding dashboard hiện đại được xây dựng bởi 汪磊 (zce), dựa trên Vue.js 3.0 và Vite. Nó cung cấp một nền tảng hoàn chỉnh cho việc phát triển các ứng dụng admin, dashboard với kiến trúc rõ ràng, hỗ trợ xác thực người dùng, phân quyền dựa trên vai trò, đa ngôn ngữ, và quy trình kỹ thuật (engineering workflow) chuyên nghiệp.

✨ Điểm nổi bật

• Vue.js 3.x + Vite 2.x: Sử dụng công nghệ frontend hiện đại nhất với tốc độ phát triển và build nhanh chóng.
• TypeScript 4.x: Toàn bộ dự án được viết bằng TypeScript với hỗ trợ typing mạnh mẽ.
• Vuex 4.x + Vue Router 4.x: Quản lý trạng thái và định tuyến theo tiêu chuẩn Vue.js mới nhất.
• Fetch API + ky: Thay thế axios bằng Fetch API và thư viện nhẹ ky cho các yêu cầu HTTP.
• naive-ui 2.x: Thư viện UI có thể tùy chỉnh, hiện đại và nhẹ.
• Mock API bằng Express 4.x: Dễ dàng mô phỏng backend mà không cần thiết lập server thật.
• Xác thực JWT: Hỗ trợ access token, refresh token và làm mới token tự động.
• Phân quyền theo vai trò (RBAC): Kiểm soát truy cập bằng route interception.
• Quy trình kỹ thuật chuẩn: ESLint, Husky, lint-staged, commitlint giúp duy trì chất lượng code.
• CI/CD với GitHub Actions & Travis CI: Tự động hóa kiểm thử và triển khai.
• Triển khai trên Vercel Serverless: Hỗ trợ triển khai ứng dụng frontend động.

💡 Vì sao đáng chú ý

Khác biệt với các dự án dashboard truyền thống chỉ là tập hợp thành phần, zce/dashboard mang lại một giải pháp toàn diện từ frontend đến backend mock, kết hợp các công nghệ tiên tiến như Vite, TypeScript và naive-ui. Dự án phù hợp cho các nhóm phát triển muốn khởi tạo nhanh một hệ thống admin chuẩn, đồng thời có thể triển khai thành các dự án thực tế nhờ cơ cấu dễ mở rộng và cấu hình linh hoạt.

#VueJS #Vue3 #Vite #Dashboard #AdminTemplate #TypeScript #OpenSource #TiniX