Rapidstack Nuxt 4 boilerplate
A production-ready Nuxt 4 boilerplate with authentication, payments, AI, and more
Welcome to the Rapidstack Nuxt 4 boilerplate – a comprehensive, production-ready foundation for building modern web applications. This boilerplate combines the power of Nuxt 4 with carefully selected integrations to help you ship faster.
What's included?
Core features
- 🔐 Authentication - Full-featured auth system powered by better-auth
- Email/password authentication with verification
- OTP (one-time password) login
- Password reset flows
- Session management with cookie caching
- Email change functionality
- 🎨 Modern styling - Tailwind CSS v4 with dark/light mode theming
- Pre-configured with best practices
- Dark mode support out of the box
- Beautiful component library via shadcn-vue
- 🗄️ Database ready - PostgreSQL with Prisma ORM
- Type-safe database queries
- Pre-configured schemas for users, payments, subscriptions
- Migration system ready to use
- 🌍 Internationalization - Multi-language support with i18n
- English, German, Spanish, and French included
- Easy to add more languages
- No-prefix strategy for clean URLs
Powerful integrations
- 💳 Stripe payments - Complete payment infrastructure
- Support for both authenticated and guest checkouts
- Subscription management
- Webhook handling
- Customer portal integration
- 📧 Email service - Resend integration for transactional emails
- Beautiful email templates included
- Easy to swap with other providers
- Pre-configured for auth emails
- 🤖 AI integration - Multiple AI providers ready to use
- OpenAI (GPT-4)
- Anthropic (Claude)
- Grok (xAI)
- Streaming responses support
- 📍 Geolocation - IPinfo integration for smart features
- Country detection
- Dynamic currency selection for pricing
- Privacy-focused implementation
- 📊 User feedback - Built-in feedback system
- Bug report forms
- Feature request forms
- Support contact form
- All stored in your database
- 🎨 UI components - 170+ shadcn-vue components
- Based on Reka UI (Radix Vue)
- Fully customizable
- Accessible by default
- Beautiful Tailwind styling
Developer experience
- TypeScript - Strict mode for better type safety
- ESLint + Prettier - Code quality and formatting
- Husky - Git hooks for automated checks
- PNPM - Fast, efficient package management
- Auto-imports - Nuxt's powerful auto-import system
Why this boilerplate?
Building a modern SaaS application requires integrating many services and setting up complex infrastructure. This boilerplate gives you:
- Time savings - Skip weeks of setup and configuration
- Best practices - Battle-tested patterns and architecture
- Production ready - Not just a demo, ready for real users
- Well documented - Clear documentation for every feature
- Maintainable - Clean code structure following conventions
Philosophy
This boilerplate follows these principles:
- Simplicity over complexity - No over-engineering
- Explicit over implicit - Clear, readable code
- Separation of concerns - Organized file structure
- Type safety - TypeScript everywhere
- Modern standards - Latest stable versions
Ready to get started? Head to the installation guide to set up your project in under 5 minutes.