Tech Stack

An overview of the core technologies and libraries that power the boilerplate.

Each technology in this stack was carefully selected to maintain lightweight performance while balancing developer experience and production scalability.

Core

Nuxt 3

The foundation of the boilerplate, providing excellent developer experience, built-in optimizations, and scalability from MVPs to enterprise applications.

SST.dev

Infrastructure as Code (IaC):

  • AWS deployments
  • Cloudflare deployments
  • Local development environment
  • CI/CD

UI and Styling

  • TailwindCSS: Utility-first CSS framework for rapid UI development
  • @nuxt/ui: Beautiful, accessible component library built on TailwindCSS
  • @nuxt/fonts: Optimized font loading with smart defaults
  • @nuxt/image: Automatic image optimization

Type Safety and State

  • Pinia: Vue's official state management with TypeScript support
  • tRPC: End-to-end typesafe APIs
  • Zod: Robust runtime validation

Backend and Database

Data Layer

  • Prisma: Type-safe ORM supporting multiple databases

Authentication and Authorization

  • @sibase/nuxt-auth: Auth.js wrapper for Nuxt with social auth and magic links
  • nuxt-authorization: Ability-based authorization utilities for Nuxt

Storage

  • @aws-sdk/client-s3: AWS SDK for S3 operations
  • @aws-sdk/s3-request-presigner: Pre-signed URL generation
  • Compatible with any S3-compatible storage

Content Management

Documentation and Blog

  • @nuxt/content: Powers documentation, blog, and site-wide search
  • @nuxtjs/seo: SEO toolkit with sitemaps, link checking, OG images, and robots.txt

Email

  • @tanayvk/mailer: A custom-built mailer (based on @adonisjs/mailer) offering:
    • Provider-agnostic email delivery
    • Streamlined configuration
    • Quality of life email features
  • Vue Email: Email templates using Vue.js and TailwindCSS

Payments

  • Paddle SDKs: Checkout, webhooks, and subscription management for Paddle
  • Stripe SDKs: Checkout, webhooks, and subscription management for Stripe

Utils

  • date-fns: Modern date manipulation library
  • @nuxt/scripts: Script loading with enhanced DX

Code Quality

  • BiomeJS: Modern JavaScript/TypeScript formatter and linter

Analytics

  • Posthog (Optional): Web and product analytics