Tech Stack

In order to better understand the saasbrella codebase, let’s list the tools and libraries we use in the saasbrella template and why we chose them.

TypeScript

TypeScript is a typed superset of JavaScript that adds static type checking to your code. We use TypeScript throughout the saasbrella codebase to catch errors early, improve code maintainability, and provide better IDE support and autocomplete.

React

React is a popular JavaScript library for building user interfaces. We use React for the frontend of saasbrella, allowing us to build interactive and dynamic user interfaces with a component-based architecture.

Wasp

Wasp is a full-stack framework that combines React, Node.js, and other technologies into a unified development experience. Wasp handles the configuration, build process, and deployment setup, allowing you to focus on building features rather than managing infrastructure.

Node.js

Node.js is a JavaScript runtime built on Chrome’s V8 JavaScript engine. We use Node.js for the backend server of saasbrella, enabling us to run JavaScript on the server side and build scalable network applications.

Tailwind

Tailwind CSS is a utility-first CSS framework that helps you build custom designs without writing any CSS. We use it to style the frontend of saasbrella and to create a consistent design system with responsive layouts and modern UI components.

Prisma

Prisma is an ORM (Object-Relational Mapping) tool that helps you access your database in a type-safe way. We use Prisma to define our database schema and to generate the necessary TypeScript types for our application. It also helps us to write queries in a type-safe way and to easily migrate our database schema.

Shadcn

shadcn/ui is a collection of re-usable components built with Radix UI and Tailwind CSS. We use shadcn components throughout saasbrella to build accessible, customizable, and beautiful user interfaces. The components are copy-pasted into your project, giving you full control over the code.