Flask OAuth for GitHub - Volt Bootstrap 5 Design
Open-Source Flask starter enhanced with OAuth, improved Docker scripts - Volt Bootstrap 5 design (from Themesberg).

Hello! This article mentions the latest features added to Volt Bootstrap 5, an open-source seed project powered by Flask. The project has been updated to provide OAuth sign-in using Github, refactorized codebase, and faster execution in Docker. For newcomers, Flask is a powerful backend framework used to code secure and powerful full-stack apps in no time. Thanks for reading!
- ๐ Volt Dashboard Flask - Product page
- ๐ Volt Dashboard Flask - LIVE Demo
- ๐ Free support for registered users
Adding OAuth sign-in to an existing web app improves the security, and might bootstrap the registration process.
The latest evolutions are visually presented in this short video, published on YouTube.
โจ How to use the product
Being an open-source starter, the fastest way to use or play with the code is to access the public repository (available on GitHub) or use GIT command-line tool to clone the sources. Once the sources are downloaded, Django Datta Able can be started via Docker (using a single line) or using the classic manual build.
This time, the Docker setup will be used, as presented in the project README.
๐ Step 1 ย - Download the code from the GH repository (using GIT
)
$ git clone https://github.com/app-generator/flask-volt-dashboard.git
$ cd flask-volt-dashboard
๐ Step 2 ย - Start the APP in Docker
$ docker-compose up --build
Once the above command is finished, we should be able to access the app in the browser:

โจ OAuth for GitHub
This feature is automatically enabled on the login page if the Github secrets (GITHU_ID
, GITHUB_SECRET
) are provided in the .env
file. If the secrets are valid, the login page exposes a GitHub Icon on the login card to inform users that this sign-in option is available.
# Sample '.env' file (truncated content)
# True for development, False for production
DEBUG=True
# If present, the SignIN exposes the Github Login Button
GITHUB_ID= SOME_GH_ID_HERE
GITHUB_SECRET= SOME_GH_SECRET_HERE
The effect in the UI is highlighted below:
