Fest
SaaS boilerplate built with Node.js & React.
Overview
FestFest is a SaaS boilerplate built with Node.js and React. It provides a range of features to users, such as user authentication and authorization, organizations management, and an invite system. The repository is structured as a Monorepo using Nx and contains two apps: an API application built with Nest.js and Prisma ORM, and a frontend application built with Next.js and MUI React components. The SaaS boilerplate utilizes auth0 for identity management and PostgreSQL as a database.
Features
- User authentication and authorization: Allows users to authenticate with their email and password and provides role-based authorization.
- Organizations management system: Gives users the ability to manage organizations within the system.
- Invite system: Users can join organizations by receiving invites with different roles.
- Secure API endpoints and Front-end routes: Ensures that API endpoints and front-end routes are protected and accessible only to authorized users based on their roles.
Summary
FestFest is a SaaS boilerplate that offers a comprehensive set of features, including user authentication and authorization, organizations management, and an invite system. It is built with Node.js and React, utilizing a Monorepo structure using Nx. The system makes use of Auth0 for identity management and PostgreSQL as the database. With the provided installation guide, users can easily set up and start using FestFest for their own SaaS applications.
- Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- TanStack
TanStack is a collection of high-quality, framework-agnostic libraries including TanStack Query for data fetching, TanStack Router for routing, TanStack Table for tables, and more. These tools provide powerful, type-safe solutions for common web development challenges.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- React Hook Form
React Hook Form is a performant, flexible, and extensible form library for React with easy validation. It reduces re-renders and improves performance by using uncontrolled components and native HTML validation, making form handling simple and efficient.