Nuxt Shadcn Boilerplate

Accelerate Nuxt Development with the Shadcn UI Boilerplate

This Nuxt boilerplate provides a solid foundation for building modern web applications, pre-configured with the popular Shadcn UI component library. It aims to streamline the development process by offering a ready-to-use setup, incorporating essential tools and best practices. Developers can leverage this starter kit to quickly bootstrap projects, focusing on building features rather than initial configuration, ensuring a productive and efficient workflow from the start.

Features:

• Nuxt 3 Integration: Built on the latest Nuxt framework for modern Vue development.
• Shadcn UI Pre-configured: Seamlessly integrates Shadcn UI components via shadcn-nuxt.
• Internationalization (i18n): Ready for multi-language support with @nuxtjs/i18n.
• SEO Optimization: Includes @nuxtjs/seo for enhanced search engine visibility.
• State Management: Utilizes Pinia (@pinia/nuxt) for robust state management.
• Tailwind CSS: Styled with the highly customizable Tailwind CSS framework.
• Form Validation: Comes with VeeValidate (@vee-validate/nuxt) and Zod (@vee-validate/zod) for easy form handling.
• Security Headers: Enhanced security features via nuxt-security.
• Linting & Formatting: Pre-configured with ESLint and Prettier for code quality (scripts: lint:fix).
• TypeScript Support: Full TypeScript integration for type safety (scripts: typecheck).
• Font Management: Integrated font handling using @nuxt/fonts.
• Image Optimization: Leverages @nuxt/image for optimized image delivery.
• Color Mode Switching: Supports dark and light modes via @nuxtjs/color-mode.
• Reka UI Integration: Includes reka-ui for additional UI components or capabilities.
• Development & Build Scripts: Includes standard Nuxt scripts (dev, build, generate, preview) for the full development lifecycle.

Summary:

The Nuxt Shadcn Boilerplate offers a feature-rich starting point for developers. It combines the power of Nuxt 3 with the elegance of Shadcn UI, providing essential integrations like i18n, SEO tools, state management with Pinia, and robust form validation. This boilerplate accelerates project setup, allowing developers to focus on building unique application features with a modern, well-structured, and secure foundation, complete with development and production build tools.