Rapidstack Nuxt 4 boilerplate

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 libraries via shadcn-vue and Nuxt UI.
• 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.
• Error handling - Centralized error handling system.
  • Custom error classes with HTTP status codes.
  • Server middleware for automatic error transformation.
  • Client composable with toast notifications.
  • Security-focused with sanitized messages in production.
• Logging - Structured logging throughout the application.
  • Multiple log levels (error, warn, info, debug).
  • Context-aware logging with metadata.
  • Auto-imported and ready to use.
• S3 file storage - Complete file upload and download system.
  • Works with AWS S3, Cloudflare R2, MinIO, and other S3-compatible services.
  • Secure signed URLs for uploads and downloads.
  • Progress tracking and metadata management.
  • Database integration for file tracking.

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.
• Analytics - Privacy-friendly analytics integrations.
  • Umami Analytics (self-hosted or cloud).
  • Vercel Analytics support.
  • GDPR compliant and cookie-free.
  • Automatic page view tracking.
• UI components - Rich component ecosystem.
  • 170+ shadcn-vue components based on Reka UI (Radix Vue).
  • Nuxt UI for content and MDC components.
  • Fully customizable and accessible by default.
  • Beautiful Tailwind styling.

Ready-to-use templates

• Landing pages - Professional, conversion-focused landing page templates.
  • YAML-based configuration for easy customization.
  • Hero sections, feature showcases, testimonials, and CTAs.
  • Mobile responsive with dark mode support.
• Database CRUD - Complete implementation for managing database records.
  • Paginated data tables with search functionality.
  • Create, read, update, and delete operations.
  • Form handling with Sheet and Drawer components.
  • Working example with products table.
• S3 file storage - Full file upload and download implementation.
  • Drag-and-drop file uploads with progress tracking.
  • Secure signed URLs for S3-compatible storage.
  • Database metadata management.
  • Paginated file tables with search.
• AI chat - Streaming and non-streaming AI chat examples.
  • Support for OpenAI, Claude, and Grok.
  • Real-time token-by-token streaming responses.
  • Type-safe API with validation.

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.

What's next?