How to Build a User Authentication Flow with Next.js, FastAPI, and PostgreSQL

This is a continuation of previous articles on how to build, deploy, and dockerize a Next.js, FastAPI, and PostgreSQL boilerplate.

Table of Contents

1. Full Stack Next.js, FastAPI, PostgreSQL Tutorial
2. How to Build a Full Stack Next.js, FastAPI, PostgreSQL Boilerplate Tutorial
3. How to Deploy Next.js, FastAPI, and PostgreSQL with Shell Scripts
4. How to Develop a Full Stack Next.js, FastAPI, PostgreSQL App Using Docker
5. How to Build a User Authentication Flow with Next.js, FastAPI, and PostgreSQL
6. How to Test an API with Pytest and Requests

The tutorial branch:

https://github.com/travisluong/nfp-boilerplate/tree/tutorial-4-user-authentication

The completed project:

https://github.com/travisluong/nfp-boilerplate

This tutorial builds off of the previous tutorials. For a more detailed explanation on building out user authentication flow, see the official FastAPI documentation on security.

The steps contained in this tutorial are a “shortcut” version of the official tutorial, skipping much of the explanatory steps in the documentation.

Install dependencies

$ pip install python-multipart "python-jose[cryptography]"…