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.
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.
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 buttonsUCard
- For content containers and layoutsUInput
- For form inputs with validationUModal
- For overlays and dialogsUNotification
- For toast notificationsUTable
- For data display in dashboardUBadge
- For status indicatorsUAvatar
- For user profile images