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:

  1. Time savings - Skip weeks of setup and configuration
  2. Best practices - Battle-tested patterns and architecture
  3. Production ready - Not just a demo, ready for real users
  4. Well documented - Clear documentation for every feature
  5. 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.

What's next?

Installation

Set up the boilerplate in minutes with our step-by-step guide.

Quick start

Get your first feature running quickly with our quickstart guide.

Configuration

Learn about all configuration options and environment variables.

Customization

Customize the look and feel to match your brand.