Fullstack SaaS Boilerplate

screenshot of Fullstack SaaS Boilerplate
react
tailwind
drizzle-orm

Fullstack SaaS Boilerplate built with tRPC, Fastify and React

Overview:

The Naperg project is a scalable GraphQL server built with Apollo Server and Apollo Client. It is designed to be easily adjustable and extendable, with pre-configured support for GraphQL Playground. The project includes a frontend built with React and Material-UI, and a backend built with ExpressJS and Prisma. It uses SQLite as the default database, but can be replaced with other databases such as PostgreSQL or MySQL. The project is made with TypeScript and is open to contributions.

Features:

  • Scalable GraphQL server using Apollo Server
  • Pre-configured setup for Apollo Client
  • Out-of-the-box support for GraphQL Playground
  • Simple and flexible data model for easy adjustment and extension
  • Search functionality with GraphQL for users' email and name fields
  • Signup management with password strength checking

Summary:

The Naperg project is a scalable GraphQL server and frontend built with Apollo Server, Apollo Client, React, and Material-UI. It provides pre-configured support for GraphQL Playground and includes features such as search functionality, signup management, and a flexible data model. The project is made with TypeScript and uses Prisma as the ORM and SQLite as the default database. It is open to contributions and feedback.

react
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

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

drizzle-orm
Drizzle ORM

Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.

fullstack
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.

Zustand

Zustand is a lightweight state management library for React that provides a simple and intuitive API for managing state in your application. It allows developers to easily create and manage global state, and provides a powerful set of tools for optimizing performance and improving developer productivity. Zustand is designed to be easy to use and easy to learn, making it a popular choice for developers of all skill levels.