About
Atelier Kaisla Backoffice
A modern, type-safe admin panel for managing your e-commerce platform
Product Management
Easily manage your entire product catalog with an intuitive interface.
Secure & Reliable
Built with security best practices and enterprise-grade reliability.
Fast Performance
Optimized for speed with modern web technologies and SSR.
Developer Friendly
Clean architecture with TypeScript, Vue 3, and design patterns.
Architecture
Design Patterns
This backoffice implements Gang of Four design patterns adapted for Vue.js: Singleton for global state, Factory for component creation, Observer for reactive navigation, Strategy for conditional logic, and Template Method for page structure.
Composition API
Built with Vue 3 Composition API using TypeScript for maximum type safety. Composables provide reusable logic following functional programming principles.
Responsive Design
The sidebar automatically adapts to mobile devices with a collapsible menu, ensuring a seamless experience across all screen sizes.
Technology Stack
| Technology | Version | Category |
|---|---|---|
| Nuxt | 4.3.0 | Framework |
| Vue | 3.5.27 | Framework |
| TypeScript | 5.x | Language |
| Tailwind CSS | 4.1.18 | Styling |
| shadcn-vue | latest | UI Components |
| NestJS | 11.x | Backend |
| PostgreSQL | 16 | Database |
| Docker | latest | Infrastructure |
Development Note
This backoffice is part of a monorepo architecture with a Nuxt 4 frontend, NestJS backend, and PostgreSQL database. All services are containerized with Docker for consistent development environments.