Supastarter - Nuxt Boilerplate
Production ready Vue & Nuxt starter kit. The leading boilerplate on the market, updated and maintained for over 3+ years now with the latest features and best practices.
Overview
Supastarter is a production-ready Nuxt SaaS starter kit trusted by 950+ developers. It's designed for serious SaaS founders who want to build on a solid, scalable foundation optimized for both AI coding agents and developers. With over 3+ years of active maintenance and regular updates, Supastarter provides everything you need to ship a production-ready SaaS application quickly.
The starter kit features a modern monorepo architecture with separate packages for API, authentication, database, payments, UI, and more. It's built with Nuxt, Vue, TypeScript, and Tailwind CSS, using Radix Vue for accessible components. The codebase is fully typed and follows best practices for scalability and maintainability.
Features
Authentication
- Complete Auth System: Password, passkeys, magic links, and OAuth provider support.
- Two-Factor Authentication (2FA): Built-in support for enhanced security.
- Roles & Permissions: Fine-grained access control for users.
- Super Admin & Impersonation: Admin capabilities for user management.
Payments
- Multiple Payment Providers: Supports Stripe, Lemon Squeezy, Creem, and Dodo Payments.
- Subscription & One-Time Payments: Flexible billing options for your business model.
- Complete Billing Flow: Pre-built billing components and checkout flows.
Backend & Database
- Prisma ORM: Type-safe database access with easy migrations.
- tRPC Integration: Type-safe API with reusable and extensible endpoints.
- Permissions & Roles: Built into the API layer.
AI Features
- AI Coding Agent Support: Includes an
AGENTS.mdfile compatible with Cursor, Windsurf, GitHub Copilot, and Claude Code. - AI Chatbot: Ready-to-use setup with Vercel AI SDK and multiple AI adapters.
Additional Features
- Internationalization (i18n): Fully translated with language switcher and translatable mail templates.
- Transactional Emails: Customizable mail templates with multiple provider support.
- SaaS Blog: Multi-language, MDX-based marketing blog.
- Analytics: Support for various analytics providers.
- SaaS Landing Page: Beautiful landing page with features, pricing, and newsletter signup.
- SaaS Onboarding: Multi-step onboarding process for new users.
- Legal Pages: Multi-language placeholder pages for privacy policy and terms of service.
UI & Design
- Tailwind CSS & Radix Vue: Modern, beautiful, and fully customizable UI.
- Dark Mode: Built-in dark mode support.
- Mobile-First: Responsive design out of the box.
- shadcn/ui Compatible: Easy to extend with shadcn components.
Developer Experience
- TypeScript: Fully typed codebase from backend to frontend.
- Turborepo Monorepo: Organized package structure for scalability.
- Flexible Deployment: Serverless, Node.js, Docker - deploy anywhere.
- Comprehensive Documentation: Extensive docs with guides and community support.
- Active Community: Discord server with 950+ members for support.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Radix UI
Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Boilerplates
A boilerplate includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Multilingual
Multilingual websites are websites that are available in more than one language. Multilingual websites typically include features such as language selectors, automatic translation, and localized content to make it easier for users to navigate and access the content they need.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.