frontend-saas-boilerplate-react-apollo-graphql-TS
frontend-saas-boilerplate-react-apollo-graphql-TS copied to clipboard
Professional boilerplate to develop SaaS in a weekend with a powerful and scalable stack. - React Graphql - Apollo - Clerk - Tailwind CSS, TypeScript
The SaaS Factory
The standard model for launching free, open source, SaaS products faster
Our vision is that a programmer with a regular job can, with this boilerplate, launch a side project in a weekend.
Boilerplate architecture

-
Frontend App (This repo): Vite; React; Tailwind CSS; Apollo Client; Graphql; TypeScript
-
Backend App : Node; Express; Apollo Server; Graphql; Prisma ; TypeScript
-
Integrations: Stripe, Imagekit, Loops So

Demo
https://demo.thesaasfactory.dev/
Super Admin Credentials
- email: [email protected]
- pass: Demo@2023
Stripe test card number
- 4242 4242 4242 4242
- 12/28
- 123
Documentation
https://docs.thesaasfactory.dev/
Top Features
-
GraphQL with Apollo : The GraphQL-based architecture makes data retrieval efficient, while Apollo Client simplifies application state management, enhancing user experience and reducing server load.
-
TypeScript: Leverage the power of TypeScript's static typing system to detect and prevent errors at compile time, providing increased confidence and productivity during development.
-
React: Build dynamic and responsive user interfaces with React, the leading JavaScript library for creating reusable and easily maintainable components.
-
Tailwind CSS: Streamline the design and styling of your application with Tailwind CSS, a utility-first framework that enables you to quickly customize your application's appearance without sacrificing code readability.
-
Prisma: Prisma is one of the best current ORMs to manage databases
-
Clerk: Powerful authentication manager allowing you to add social providers and manage organizations, permissions and roles What you avoid doing by using this boilerplate
-
Stripe: Stripe is the best payment gateway to manage subscriptions and payments
Integrated modules
- [x] Landing Page
- [x] Responsive
- [x] DarkTheme
- [x] Dashboards for Admins and Super Admin
- [x] Kpis Module
- [x] Notifications Module
- [x] Organization Switcher (Clerk)
- [x] Organization Profile (Clerk)
- [x] User Profile (Clerk)
- [x] Ticket Support Module
- [x] Settings Module for Super Admins
- [x] Marketing Module
- [x] Stripe Invoices and memberships Module
- [x] Imagekit Integration for Media Storage
- [x] Internal components to help you create cruds quickly
- [x] User management
- [x] Organization management
- [x] Subscriptions management
- [x] Subscriptions plans management
- [x] Membership plan capabilities support
Road map
For January:
- [ ] Improving TypeScript typing
- [ ] Improve core components
- [ ] Add translations to Spanish and Portuguese
Screenshots

Start building your saas FASTER