SaaSitive logo

Django and React Articles

How to build SaaS application with Django and React from scratch
Contact us for any questions by filling a form or email.

  • Django Rest Framework Reset Password

    Django-rest-framework Backend Boilerplate Password

    What to do when user forgot the password? We need to have a reset password view. User enters there her email address and email with reset link is sent. The reset link contains special information like uid and token. When user clicks the reset link, the reset password confirm view is displayed. This view takes the uid and token from the link and a new password and send POST request to the Django server to set a new password. In this post, we will create the reset password functionality with Django Rest Framework and Djoser package.

  • Django Rest Framework Email Verification

    Django-rest-framework Backend Boilerplate Email

    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.

  • GDPR Overview

    Gdpr

    Equip your SaaS with legal bases so that the use of your website is safe for users and you. If you search for different sites, the Privacy Policy and Terms of Service differ from each other. The same with the cookies. Each piece of information has varying meanings for the website, and it concludes crucial statements. There’s no unique example for all websites because of the specification, the idea of webites, purpose, kind and other features, collected data.

  • GDPR Meaning - The General Data Protection Regulation

    Gdpr

    Earn users trust by respecting and securing their data. Since 2018 the European Union (EU) has imposed a new obligation on entrepreneurs to protect customers personal data. A duty for one another is a right, a tool to defend one’s rights. Each user should have the right to decide on providing information about himself, resign from using his data, delete his account. It’s a strong right that should be obeyed by everyone. Why? Because of substantial penalties, up to 20 mln euro! Be well prepared with Privacy Policy, Terms of Service, and GDPR requirements.

  • Visual Identity for SaaS

    Logo Web design Visual identity Saas

    Are you going to start your business as a SaaS? Have you got an idea and now you want to settle up your website, but you’re not a graphic designer? Start here by creating your Visual Identity Book.

  • How to generate Django Secret Key?

    Django

    Have you ever pushed to the repository a Django project with SECRET_KEY? Ups, it happens to me very often. Don’t worry. This can be easily fixed.

  • Docker-Compose for Django and React with Nginx reverse-proxy and Let's encrypt certificate

    Docker-compose Django React Nginx Let's encrypt Boilerplate

    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

    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

    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 access Dashboard view even if you are not logged in. In this post we will make the AuthenticatedComponent for Dashboard so only logged users will be able to access it. If not logged user would like to access the Dashboard URL then she will be redirected to Login with redirect information in the URL /login?next=/dashboard. We will also add logout feature in the Dashboard.

  • React Token Based Authentication to Django REST API Backend

    React Token based authentication Frontend Boilerplate

    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)