Fullstack SaaS Boilerplate

Theme by Alan345

|

Updated: 5 May 2025

|

1128 Stars

Fullstack SaaS Boilerplate built with tRPC, Fastify and React

Categories

Overview:

The project is a modern stack utilizing top-tier libraries to build a full-stack web application, focusing on developer experience by being simple, efficient, and fast. Unlike some other approaches, this project opts not to use Next.js, keeping the frontend as static files, which can be easily stored in cloud object storage like AWS S3. The stack is designed for building web apps, prioritizing functionality over SEO optimization.

Features:

• Authentication with JWT and HttpOnly cookies
• Example of pulling data from an external REST API
• Store user’s details in React context when logged in
• Health check for the server
• Select the number of rows to display in the table
• End-to-end typesafe API development with Trpc
• E2E Testing implementation

Installation:

1. In the root directory, run:

   npm install
   

2. Edit the TypeScript files to experience type checking with Trpc.
3. To build for production, rename the env.ts file to .env, update the key, and run:

   npm run build
   

4. For running tests:
   • To run in Terminal:

     npm test
     

   • To run in VS Code:

     npm run test:vscode
     

Summary:

The project is a developer-focused modern stack for building web applications, emphasizing simplicity and efficiency. By leveraging libraries like Trpc for end-to-end typesafe APIs and focusing on essential features such as authentication, external API integration, and testing, the project aims to provide a robust foundation for web app development. The installation process is straightforward, allowing developers to quickly set up the environment and start building applications using the provided tools and functionalities.