Config and usage

Configure the application and its features.

Nuxt Content

Nuxt SaaS Starter uses @nuxt/content module to manage the documentation content of the website. The content is stored in the content/docs directory and is written in Markdown format. You can tweak it to your needs and add more content to the documentation.

You can check out the official Nuxt Content documentation for more information.

Nuxt UI

This template is built with @nuxt/ui, a comprehensive UI library that provides beautifully styled and accessible Vue components built on top of Tailwind CSS.

Check out the official Nuxt UI documentation for complete component reference and examples.

Key Features

  • 100+ Components: From basic buttons to complex data tables and modals
  • Tailwind CSS: Fully customizable with Tailwind utility classes
  • Dark Mode: Built-in support with automatic system preference detection
  • Accessibility: WCAG compliant components out of the box
  • TypeScript: Full TypeScript support with auto-completion
  • Composables: Powerful composables for notifications, modals, and more

Common Components Used

The template extensively uses these Nuxt UI components:

  • UButton - For all interactive buttons
  • UCard - For content containers and layouts
  • UInput - For form inputs with validation
  • UModal - For overlays and dialogs
  • UNotification - For toast notifications
  • UTable - For data display in dashboard
  • UBadge - For status indicators
  • UAvatar - For user profile images

Built with Nuxt UI • © 2025