https://github.com/JSLancerTeam/saasgear

ReactJS and NodeJS SaaS boilerplate for your next SaaS application 🔜🔛🔝
https://github.com/JSLancerTeam/saasgear

boilerplate mailgun mjml node node-boilerplate nodejs react-boilerplate react-boilerplate-template reactjs saas-boilerplate starter-kit tailwind-css-template tailwine

Last synced: 6 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/JSLancerTeam/saasgear
• Owner: JSLancerTeam
• License: mit
• Created: 2020-10-28T05:34:46.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-24T04:05:03.000Z (11 months ago)
• Last Synced: 2024-08-02T20:46:11.305Z (3 months ago)
• Topics: boilerplate, mailgun, mjml, node, node-boilerplate, nodejs, react-boilerplate, react-boilerplate-template, reactjs, saas-boilerplate, starter-kit, tailwind-css-template, tailwine
• Language: TypeScript
• Homepage:
• Size: 4.95 MB
• Stars: 335
• Watchers: 6
• Forks: 68
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# [SaaSgear](https://github.com/JSLancerTeam/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](https://github.com/JSLancerTeam/saasgear/blob/master/docs/prerequisite.md) to setup services and update .env file in `app` and `api` folder.

- Install NodeJS dependencies in `app` and `api`

- Follow [this guide](https://github.com/JSLancerTeam/saasgear/blob/master/docs/database.md) 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

[:loudspeaker: Introduction](https://github.com/JSLancerTeam/saasgear/blob/master/docs/introduction.md)

[:watermelon: Prerequisite services](https://github.com/JSLancerTeam/saasgear/blob/master/docs/prerequisite.md)

[:blue_square: Database & migration](https://github.com/JSLancerTeam/saasgear/blob/master/docs/database.md)

[:globe_with_meridians: GraphQL](https://github.com/JSLancerTeam/saasgear/blob/master/docs/graphql.md)

[:closed_lock_with_key: Authentication](https://github.com/JSLancerTeam/saasgear/blob/master/docs/authentication.md)

[:envelope: Email](https://github.com/JSLancerTeam/saasgear/blob/master/docs/mail.md)

[:credit_card: Stripe subscriptions](https://github.com/JSLancerTeam/saasgear/blob/master/docs/stripe.md)

[:ear_of_rice: Redux toolkit](https://github.com/JSLancerTeam/saasgear/blob/master/docs/redux-toolkit.md)

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

- David Tran - [davidtran](https://twitter.com/davidtranwd)

## License

All code in this repository is provided under the MIT