Nuda Kit is built on a modern, type-safe foundation designed for scalability and developer experience. We chose these tools because they are battle-tested, popular in the community, and provide the best separation of concerns between your user interface and your business logic.
The frontend is a standalone Single Page Application (SPA) that communicates with the backend via a REST API.
| Technology | Version | Description |
|---|---|---|
| Nuxt | 4.x | The intuitive Vue framework with auto-imports, file-based routing, and SSR/SPA modes |
| Vue | 3.5 | The progressive JavaScript framework with Composition API |
| TypeScript | 5.x | Type-safe JavaScript for better DX and fewer bugs |
| Technology | Description |
|---|---|
| Tailwind CSS v4 | Utility-first CSS framework for rapid UI development |
| shadcn-vue | Re-usable components built with Reka UI and Tailwind CSS |
| Reka UI | Unstyled, accessible UI primitives (Radix Vue successor) |
| Lucide Icons | Beautiful & consistent icon library |
| GSAP | Professional-grade animations |
| Technology | Description |
|---|---|
| Pinia | Type-safe store for Vue state management |
| TanStack Query | Powerful data fetching with caching, background updates, and stale-while-revalidate |
| TanStack Table | Headless UI for building powerful tables and datagrids |
| VeeValidate | Form validation with Zod schema integration |
| Technology | Description |
|---|---|
| VueUse | Collection of essential Vue composition utilities |
| date-fns | Modern JavaScript date utility library |
| Unovis | Modular data visualization framework |
| vue-sonner | Toast notifications |
| @nuxtjs/color-mode | Dark mode support |
| @nuxtjs/seo | SEO utilities and meta management |
| @nuxt/image | Image optimization |
The backend is a robust REST API built with AdonisJS v6. It handles all business logic, database interactions, queues, and authentication.
| Technology | Version | Description |
|---|---|---|
| AdonisJS | 6.x | Full-featured, TypeScript-first web framework for Node.js |
| TypeScript | 5.8 | Type-safe JavaScript |
| Technology | Description |
|---|---|
| Lucid ORM | AdonisJS's official SQL ORM with Active Record pattern |
| PostgreSQL | The world's most advanced open-source relational database |
| Technology | Description |
|---|---|
| @adonisjs/auth | Session and token-based authentication |
| @adonisjs/ally | Social authentication (Google, GitHub, Facebook) |
| @adonisjs/bouncer | Authorization and access control policies |
| @adonisjs/limiter | Rate limiting for API protection |
| Technology | Description |
|---|---|
| VineJS | High-performance form validation library |
| adonis-autoswagger | Automatic Swagger/OpenAPI documentation |
| Technology | Description |
|---|---|
| @adonisjs/mail | Email sending with SMTP, Mailgun, and Resend support |
| MJML | Responsive email templates |
| Edge.js | Template engine for email rendering |
| Technology | Description |
|---|---|
| BullMQ | Premium message queue for Node.js |
| @rlanz/bull-queue | AdonisJS integration for BullMQ |
| Redis | In-memory data store for queue processing |
| Technology | Description |
|---|---|
| @adonisjs/drive | Unified file storage abstraction |
| AWS S3 | Cloud object storage (optional) |
| Technology | Description |
|---|---|
| Japa | Testing framework with API client and assertions |
Nuda Kit comes with AI capabilities out of the box, supporting multiple providers.
| Technology | Description |
|---|---|
| Vercel AI SDK | Universal AI SDK for streaming responses |
| OpenAI | GPT-4, GPT-3.5 models |
| Anthropic | Claude models |
| Google AI | Gemini models |
| Technology | Description |
|---|---|
| Stripe | Payments, subscriptions, and billing |
| Stripe CLI | Local webhook testing |
All infrastructure is containerized with Docker for a consistent development experience.
| Service | Image | Purpose |
|---|---|---|
| PostgreSQL | postgres:15-alpine | Primary database |
| Redis | redis:latest | Queue processing & caching |
| MailHog | mailhog/mailhog | Email testing (catches all emails) |
| Stripe CLI | stripe/stripe-cli | Webhook forwarding |
| Tool | Description |
|---|---|
| ESLint | Code linting |
| Prettier | Code formatting |
| TypeScript | Static type checking |