# DIY Django and React Boilerplate for SaaS

It is a do-it-yourself Django + React Boilerplate for starting your SaaS application. In existing boilerplates for Django+React (or just for Django), there are very often too many features provided (do you really need traffik for MVP?). So before starting, you need to remove a lot of functionality that you don't need or simply don't understand. 

I decided to create a simple Django+React boilerplate with step-by-step instructions on how to build it. During building, you can decide what you need or not. And for sure, you learn a lot about Django and React. I hope it will provide a good and quick starting point for creating SaaS applications. I want to create real SaaS applications based on this boilerplate with step-by-step tutorials on how they were created. They will be available on [SaaSitive](https://saasitive.com) website.

## Features (already implemented or planned)

- Backend with Django Rest Framework
- Frontend with React 
- Bootstrap for styling
- Deployment with docker-compose on a single VPS
- SSL certificate from Let's encrypt
- PostgreSQL database (not yet configured)
- Authentication with DRF `authtoken` and [Djoser](https://djoser.readthedocs.io/en/latest/)
- AWS SES for Email sending (not yet implemented)
- python-decuple for secrets
- Payments with Stripe (not yet implemented)
- Step-by-step instructions on how to deploy and how to update the application
 

## Step-by-step instructions:
1. [Starting SaaS with Django and React](https://saasitive.com/tutorial/django-react-boilerplate-saas/) (tag [v1](https://github.com/saasitive/django-react-boilerplate/tree/v1)) 
2. [React Routing and Components for Signup and Login](https://saasitive.com/tutorial/react-routing-components-signup-login/) (tag [v2](https://github.com/saasitive/django-react-boilerplate/tree/v2))
3. [Token Based Authentication with Django Rest Framework and Djoser](https://saasitive.com/tutorial/token-based-authentication-django-rest-framework-djoser/) (tag [v3](https://github.com/saasitive/django-react-boilerplate/tree/v3))
4. [React Token Based Authentication to Django REST API Backend](https://saasitive.com/tutorial/react-token-based-authentication-django/) (tag [v4](https://github.com/saasitive/django-react-boilerplate/tree/v4))
5. [React Authenticated Component](https://saasitive.com/tutorial/react-authenticated-component/)  (tag [v5](https://github.com/saasitive/django-react-boilerplate/tree/v5))
6. [CRUD in Django Rest Framework and React](https://saasitive.com/tutorial/crud-django-rest-framework-react/) (tag [v6](https://github.com/saasitive/django-react-boilerplate/tree/v6))
7. [Docker-Compose for Django and React with Nginx reverse-proxy and Let's encrypt certificate](https://saasitive.com/tutorial/docker-compose-django-react-nginx-let-s-encrypt/) (tag [v7](https://github.com/saasitive/django-react-boilerplate/tree/v7))
8. [Django Rest Framework Email Verification](https://saasitive.com/tutorial/django-rest-framework-email-verification/) (tag [v8](https://github.com/saasitive/django-react-boilerplate/tree/v8))
9. [Django Rest Framework Reset Password](https://saasitive.com/tutorial/django-rest-framework-reset-password/) (tag [v9](https://github.com/saasitive/django-react-boilerplate/tree/v9))


More articles coming soon!

## Screenshots

<kbd><img src="https://raw.githubusercontent.com/saasitive/media/main/home_view.png" /></kbd>

<kbd><img src="https://raw.githubusercontent.com/saasitive/media/main/signup.png" /></kbd>

<kbd><img src="https://raw.githubusercontent.com/saasitive/media/main/login.png" /></kbd>

<kbd><img src="https://raw.githubusercontent.com/saasitive/media/main/dashboard.png" /></kbd>