About This Template

This is a Nuxt site template designed for internal use on new projects. It includes a comprehensive brand system that makes theming trivial.

Features

  • Nuxt 4 - Latest version with future compatibility mode
  • Brand System - Centralized colors and fonts in app/config/brand.ts
  • Dark/Light Mode - Theme toggle with localStorage persistence
  • Tailwind CSS v4 - Modern utility-first CSS framework
  • Drizzle ORM - Type-safe PostgreSQL database integration
  • Zod - Runtime validation for API and forms
  • ESLint - With auto-sort imports and unused detection
  • Prettier - Code formatting with Tailwind plugin
  • Prose Styles - Brand-aware markdown rendering

Brand System

All colors and fonts are defined in a single source of truth. Components use semantic Tailwind classes like bg-brand-accent and text-brand-base that automatically adapt to the current theme.

Changing the Brand

To rebrand the entire app, edit only app/config/brand.ts:

export const brandConfig: BrandConfig = {
  name: 'Your Brand',
  light: {
    accent: '#ff0000',  // All buttons, links now red
    // ... other colors
  },
  typography: {
    logo: 'Orbitron',   // All logos now Orbitron
  },
}
← Back to Home