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

Subscriptions

Configure the subscriptions with Stripe.