Vuetify 3 + Nuxt 3 + Sequelize + RBAC
Any contributions is welcomed!
-
π Nuxt 3 - SPA, ESR, File-based routing, components auto importing, modules, etc
-
π₯ SSR out of the box - powered by Vuetify Nuxt module
-
π₯ APIs auto importing - for Composition API, VueUse and custom composables
-
π¦Ύ RBAC in both app (Client & Server)
-
πͺ Default layout with drawer, header and footer
-
π§ Auto-generated navigation drawer and breadcrumbs based on routes
-
π Notification store
-
π Sequelize ORM for Mature and most supported DB
-
π Data visualization with nuxt-echarts
-
π¨ Theme color customization and dark mode
-
π± Multiple and Responsive layout
-
π‘οΈ Authentication backed-in using nuxt-auth-utils
-
π΅οΈ RBAC on Client and Server inspired by CASTL
- Vuetify Nuxt Module - Zero-config Nuxt Module for Vuetify
- VueUse - Collection of useful composition APIs
- Pinia - Intuitive, type-safe, light and flexible Store for Vue
- Nuxt Icon - Icon module for Nuxt with 200,000+ ready to use icons from Iconify
- Nuxt ECharts - Nuxt module for Apache EChartsβ’
- Nuxt Auth Utils - Minimalist Authentication module for Nuxt
- Nuxt Cron - Minimalist Nuxt Cronjob function runner
- Prettier, single quotes, no semi
- ESLint flat config with adapted @nuxt/eslint, future-proof
- TypeScript
- pnpm - Fast, disk space efficient package manager
- Netlify - zero-config deployment
- VS Code Extensions
- Vue - Official - TypeScript support inside Vue SFCs
- ESLint - Find and fix problems in your code
- Prettier - Code formatter
- EditorConfig for VS Code
I know some of this implementation will need to reconfigure some plugin behaviour or even break entirelly, I also don't have enough time to test all of the features (like edge deploy). But I hope this project will give some people basic starter template to their next project without trying hard thinkering their code to works.