Tech Stack

An overview of the core technologies and tools used.

Core Framework

Nuxt.js - The main framework that power our template.

Tailwind CSS - Utility-first CSS framework for building modern interfaces.

Reka UI - Reka UI unstyled, primitive components.

Shadcn Vue - Provides accessible and customizable UI components styled with Tailwind CSS.

@nuxt/icon - Adds support for using any icon set via Iconify in Nuxt.

@nuxtjs/color-mode - Adds dark/light theme toggle support.

@nuxtjs/google-fonts - Loading Google fonts in Nuxt.

nuxt-auth-utils - Authentication utilities to simplify auth handling.

@nuxtjs/i18n - A internationalization (i18n) module for Nuxt, enabling multilingual support and locale management.

vee-validate - A form validation library that simplifies handling validation, errors, submissions and more.

zod - A TypeScript-first validation library.

@tanstack/vue-table - A headless and flexible table component for building powerful tables & datagrids.

vue-dnd-kit - A drag and drop library for Vue 3.

unovis - A modular data visualization framework.

@vueuse/nuxt - A collection of essential Vue composition utilities.

@internationalized/date - Internationalized calendar, date, and time manipulation utilities.

date-fns - Modern JavaScript date utility library.

@nuxt/eslint - All-in-one ESLint integration for Nuxt.

Nuxt DevTools - A visual tool to improve the developer experience even further.