Skip to content

Professional boilerplate to develop SaaS in a weekend with a powerful and scalable stack. - React Graphql - Apollo - Clerk - Tailwind CSS, TypeScript

License

Notifications You must be signed in to change notification settings

The-SaaS-Factory/frontend-saas-boilerplate-react-apollo-graphql-TS

Repository files navigation

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

  • Landing Page
  • Responsive
  • DarkTheme
  • Dashboards for Admins and Super Admin
  • Kpis Module
  • Notifications Module
  • Organization Switcher (Clerk)
  • Organization Profile (Clerk)
  • User Profile (Clerk)
  • Ticket Support Module
  • Settings Module for Super Admins
  • Marketing Module
  • Stripe Invoices and memberships Module
  • Imagekit Integration for Media Storage
  • Internal components to help you create cruds quickly
  • User management
  • Organization management
  • Subscriptions management
  • Subscriptions plans management
  • 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