Docs
Getting Started

Tech Stack

Key components of the project's tech stack.

Frameworks and languages

  • Next.js: React framework for building scalable web applications.
  • React: Library for building user interfaces.
  • TypeScript: Strongly typed programming language for JavaScript.

UI and design systems

  • Shadcn/UI: Component library built on Radix UI and Tailwind CSS.
  • Radix UI: Primitives for building accessible and high-quality UI components.
  • Tailwind CSS: Utility-first CSS framework for rapid UI development.
  • DnD Kit: Library for building drag-and-drop interfaces.

Data visualization

  • Recharts: Customizable and responsive charts for data visualization.
  • React Table: Advanced and flexible data table components.

File handling

Forms

Database

  • Prisma: Next-generation ORM for database access.
  • Prisma Client: Query builder for database operations.

Authentication

  • Auth.js: Flexible authentication library for modern applications.
  • Prisma Adapter: Adapter to integrate Auth.js with Prisma.

Billing

  • Stripe: Payment processing platform.
  • Stripe.js: JavaScript library for Stripe integrations.

Emails

  • Nodemailer: Library for sending emails via Node.js.
  • React Email: Components for creating and styling transactional emails.

Utilities

  • Next Safe Action: Utility for securely handling server actions.
  • Nuqs: Simple queuing library for background tasks.
  • Date-Fns: Utility library for working with dates in JavaScript.
  • UUID: Generate unique identifiers.
  • Sharp: Image processing library.