frontend-saas-boilerplate-react-apollo-graphql-TS icon indicating copy to clipboard operation
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

enter image description here

Demo

https://demo.thesaasfactory.dev/

Super Admin Credentials

Stripe test card number

  • 4242 4242 4242 4242
  • 12/28
  • 123

Documentation

https://docs.thesaasfactory.dev/

Top Features

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

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

  3. React: Build dynamic and responsive user interfaces with React, the leading JavaScript library for creating reusable and easily maintainable components.

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

  5. Prisma: Prisma is one of the best current ORMs to manage databases

  6. Clerk: Powerful authentication manager allowing you to add social providers and manage organizations, permissions and roles What you avoid doing by using this boilerplate

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

enter image description hereenter image description here enter image description here Start building your saas FASTER