Email verification is an important part of the SaaS application. We will contact the user by email in many cases: for a password reset, announcement of new features, or for sending the invoice. During registration, a user provides the email address. We need to check if the email belongs to the user and that there are no typos/errors in it. This can be easily done by automatically sending the verification email with an activation link. Such a link contains the unique token assigned to the user. After opening the activation link in the web browser, the request is sent to the web application (Django Rest Framework). The web server compares the token from the activation URL with the token stored in the database. If they are the same, the email address is verified.
React and Django Free Boilerplate
Learn how to write SaaS application with React and Django from scratch
Contact us for any questions by filling a form.
Topic: Boilerplate
Boilerplate Tutorial Articles:
1. Starting SaaS with Django and React
2. React Routing and Components for Signup and
Login
3. Token Based Authentication with
Django Rest Framework and Djoser
4. React Token Based Authentication to Django REST
API Backend
5. React Authenticated Component
6. CRUD in Django Rest Framework and React
7. Docker-Compose for Django and React with
Nginx reverse-proxy and Let's encrypt certificate
8. Django Rest Framework Email Verification
9. Django Rest Framework Reset Password
More articles coming soon!
Link to the code repository: saasitive/django-react-boilerplate
-
Django Rest Framework Email Verification
Django-rest-framework Backend Boilerplate Email Piotr Płoński, December 23, 2020
-
Docker-Compose for Django and React with Nginx reverse-proxy and Let's encrypt certificate
Docker-compose Django React Nginx Let's encrypt Boilerplate Piotr Płoński, October 30, 2020
The most exciting moment of the web application development is a deployment. Your app is going live! It can also be nerve-wracking moment. Unfortunately. There are many options, many variables and configurations. It is easy to miss something … In this article, I will show you how to pack Django and React application into containers and deploy them with
docker-compose
. The presented approach can be reused on any Cloud Provider (AWS, DigitalOcean, Linode, GCP, Heroku) - you just need a Virtual Private Server (VPS). -
CRUD in Django Rest Framework and React
Django React Backend Frontend Django-rest-framework Boilerplate Piotr Płoński, October 29, 2020
In this artilce, we will create a CRUD (Create, Read, Update, Delete) model in the Django Rest Framework and React. It will be for simple note taking. User will be able to add new note, read all her notes, update note (to upper or lower case), and delete selected note.
-
React Authenticated Component
React Frontend Boilerplate Piotr Płoński, October 28, 2020
In the previous article we’ve added signup and login features to the frontend. After login we are redirected to the
Dashboard
view. However, you can accessDashboard
view even if you are not logged in. In this post we will make theAuthenticatedComponent
forDashboard
so only logged users will be able to access it. If not logged user would like to access theDashboard
URL then she will be redirected toLogin
with redirect information in the URL/login?next=/dashboard
. We will also add logout feature in theDashboard
. -
React Token Based Authentication to Django REST API Backend
React Token based authentication Frontend Boilerplate Piotr Płoński, October 27, 2020
In this post, we will write React code to interact with token-based authentication REST API from the Django backend. We will use code from the previous post: Token Based Authenitcation with Django Rest Framework and Djoser (code with tag v3)
-
Token Based Authentication with Django Rest Framework and Djoser
Django Django-rest-framework Token based authentication Djoser Backend Boilerplate Piotr Płoński, October 26, 2020
In this article, we will add token-based authentication REST API with Django Rest Framework and Djoser. The Django Rest Framework is a package for faster building REST APIs with Django. The Djoser provides basic views to handle authentication actions such as create user, login, logout.
-
React Routing and Components for Signup and Login
React Frontend Boilerplate Piotr Płoński, October 25, 2020
In this post, we will create a user interface in React for authentication (Signup and Login views). Components will not perform any actions (they won’t be communicating with the backend, yet). We will use code from the previous post: Starting SaaS with Django and React (code with tag v1). In the next posts, we will create an authentication REST API in Django and provide actions in the frontend.
-
Starting SaaS with Django and React
Django React Backend Frontend Boilerplate Piotr Płoński, October 23, 2020
Software-as-a-Service (SaaS) is a model of software delivery in which users pay a subscription to get access to centrally hosted software. Nowadays, you can easily build your own SaaS, but you need to have programming skills. There are a lot of open-source web frameworks that allow you to quickly create a web service. You can serve SaaS on rented hardware in the cloud. You can start your own SaaS at 10-50$ per month of total costs (but you need to have programming skills!).