The latest articles on DEV Community by Templatedash (@templatedash). https://dev.to/templatedash https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4236641%2Fe3048ae2-20e0-4315-9f79-7d79baebc01b.png https://dev.to/templatedash en Templatedash Tue, 10 Nov 2026 08:56:22 +0000 https://dev.to/templatedash/dashvique-admin-dashboard-template-for-nextjs-react-vue-angular-3apg https://dev.to/templatedash/dashvique-admin-dashboard-template-for-nextjs-react-vue-angular-3apg <p>One production-ready admin dashboard in four frameworks — Next.js, React, Vue and Angular — with a shared Node.js backend, PostgreSQL, authentication, roles and real-time chat.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F420yc4dhp8smy1s514db.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F420yc4dhp8smy1s514db.png" alt=" " width="800" height="500"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fbzrxwzattpxd6cakxdg1.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fbzrxwzattpxd6cakxdg1.png" alt=" " width="800" height="500"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Flrhn72twdz2wgftfn901.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Flrhn72twdz2wgftfn901.png" alt=" " width="800" height="1731"></a></p> <p><strong>Key Architecture &amp; Features</strong></p> <p>4 editions with identical screens: Next.js 16, React 19, Vue 3.5, Angular 22<br> Real full-stack backend: Prisma 7 + PostgreSQL, shared REST API (/api/v1) and Next.js Server Actions<br> Authentication (Auth.js v5): email/password, Google OAuth, forgot/reset password, TOTP two-factor (2FA), login lockout<br> Role-based access control (RBAC): Admin / Manager / Staff + custom roles, live permission matrix editor<br> 2 dashboards: Project (throughput, workload, due tasks) and Commerce (revenue, orders, low stock)<br> Apps: real-time Messenger (Socket.IO, presence), Calendar, Kanban Tasks, Issue tracker<br> Commerce: Products, Orders, Customers, Inventory<br> Admin: Users, Roles &amp; permissions, Audit log, Announcements, Notifications<br> Account settings: profile, password &amp; 2FA, active sessions with remote sign-out<br> Reusable data table (TanStack Table): sorting, filtering, pagination<br> Light &amp; dark mode + 4 colour schemes (Ember, Ocean, Grove, Iris)<br> Theme customizer: font size, vertical / horizontal / compact layouts, collapsible sidebar<br> Multi-language with full RTL (English + Arabic included)<br> Ctrl+K command search<br> Fully responsive (mobile, tablet, desktop)<br> One design-token file (tokens.css) controls colours, radius, shadows and fonts<br> Colorblind-safe chart palette (Recharts)<br> Seeded demo data, one-command setup (<code>npm run dev</code>), Docker Compose for Postgres<br> TypeScript everywhere, ESLint, Prettier, Vitest unit tests, Playwright E2E tests<br> Documentation: README, HOW_TO_RUN, API and Editions guides</p> <p><strong>Technologies Included</strong></p> <p>Next.js 16<br> React 19<br> Vue 3.5<br> Angular 22<br> TypeScript<br> Tailwind CSS 4<br> shadcn/ui (Radix)<br> Hono<br> Prisma 7<br> PostgreSQL<br> Auth.js<br> Socket.IO<br> Vite<br> Recharts<br> Vitest<br> Playwright</p> webdev react angular vue