• Stars
    star
    264
  • Rank 150,365 (Top 4 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

ReactJS and NodeJS SaaS boilerplate for your next SaaS application 🔜🔛🔝

SaaSgear

ReactJS and NodeJS SaaS boilerplate for your next SaaS application.

Features

  • ReactJS: High-performance and powerful interactive UI with React.
  • GraphQL API: Fetching all the data you need with a single API call using GraphQL. Multiple GraphQL is merged in a single request.
  • Subscription payments: We have integrated Stripe subscription payments to allow you to monetize your SaaS.
  • Teams: Your users are able to invite their teammates to their account.
  • Roles and Permissions: Your users are only able to access the data and perform the actions that are allowed within their roles and permissions.
  • Authentication: User authentication with email and password, or via Google, Github, Facebook. Signup, login, reset password are included out of the box.
  • Cross-browsers and mobile responsiveness: Every single components have been tested across many different browsers and devices to make sure it works every where.
  • HTML Emails: Send beautiful and responsive HTML emails to your customers with SendGrid and MJML.
  • Easy to upgrade: Easy release is planned and tailored carefully to make sure your upgrade experience smooth and painless.

Requirements

  • NodeJS v14 or above
  • Yarn or NPM
  • MySQL

Get started

  • Clone this repo: git clone https://github.com/JSLancerTeam/saasgear
  • Follow this guide to setup services and update .env file in app and api folder.
  • Install NodeJS dependencies in app and api
  • Follow this guide to setup MySQL database
  • Set Stripe subscriptions cd api && yarn run db:create-products. You may need to update your subscription price and name before running this command. The script is located at api/scripts/create-products.
  • Launch API server cd api && yarn start
  • Launch front-end server cd app && yarn start

Documents

📢 Introduction

🍉 Prerequisite services

🟦 Database & migration

🌐 GraphQL

🔐 Authentication

✉️ Email

💳 Stripe subscriptions

🌾 Redux toolkit

Technology stack

Front-end

  • TypeScript
  • React
  • Tailwind
  • Apollo
  • Redux Toolkit
  • React Hook Form
  • DayJS
  • DraftJS

Back-end

  • TypeScript
  • NodeJS
  • ExpressJS
  • MySQL
  • Mailgun
  • MJML
  • Knex
  • Apollo Server
  • Stripe

Developer

License

All code in this repository is provided under the MIT