Boilerplate

This boilerplate provides a full-stack Next.js setup with a structured monorepo, integrating TanStack Query for efficient data fetching, Next.js App Router for the frontend, and Next.js API Routes for backend logic. It includes Drizzle ORM for database management, shadcn/ui for UI components, Docker Compose for auxiliary services, and full Observability with Axiom for real-time logging and monitoring. Featuring a complete CRUD example with pagination, search, and filtering, this boilerplate serves as an excellent starting point for Micro SaaS solutions.

Technical Stack

• Frontend: Next.js (App Router)
• Backend: Next.js API Routes
• Data Fetching: TanStack Query
• Database: Drizzle ORM (in a dedicated db package)
• UI Components: shadcn/ui (in a dedicated ui package)
• Observability: Axiom for real-time logging, metrics, and monitoring
• Containerization: Docker Compose

Key Features

• Optimized Data Fetching with TanStack Query: Enables seamless API caching, background updates, and optimistic UI updates.
• Full CRUD Example: Demonstrates Create, Read, Update, and Delete operations with pagination, search, and filtering.
• Next.js App Router (Frontend): Implements modern UI patterns with server components.
• Next.js API Routes (Backend): Provides structured API endpoints for database operations.
• Observability with Axiom: Centralized structured logging and monitoring for full-stack visibility and troubleshooting.
• Modular Architecture:
  • db Package: Encapsulates Drizzle ORM logic for cleaner database interactions.
  • ui Package: Uses shadcn/ui for consistent styling and reusable components.
• Scalable & Micro SaaS-Ready: The structured monorepo and Docker Compose for service orchestration make it a solid foundation for building Micro SaaS applications.

Use Cases

This boilerplate is ideal for developers looking to build scalable Micro SaaS applications with built-in observability and monitoring using Axiom. The full CRUD setup with pagination and filtering makes it an excellent reference for real-world applications that require efficient data fetching, structured API endpoints, modular code organization, and production-ready observability.

With Next.js for the frontend, API Routes for the backend, TanStack Query for state management, Drizzle ORM for database operations, Docker Compose for auxiliary services, and Axiom for observability, this setup provides a powerful, scalable, and maintainable foundation for modern web applications! 🚀