Sm0ke

Posted on Oct 6, 2021 • Edited on Dec 7, 2024 • Originally published at app-generator.dev

Django Admin Template - Volt Bootstrap 5

#webdev #django #dashboards #appseed

Hello Coders!

This article presents an open-source Django Admin Template that after the installation overwrites the default admin interface (all widgets). This Django Template is crafted on top of Bootstrap 5 using the latest version without a jQuery dependency by Themesberg.

For newcomers, Django is a leading web framework coded and actively supported by experienced developers that provides a default admin interface. Django Template Volt aims to enhance the admin section with a responsive layout and more appealing components and widgets.

Links

👉 Django Admin Template Volt - Docs Page
👉 Django Volt Dashboard - Product that uses the library
👉 Django Volt Dashboard - LIVE Demo

The product can be downloaded and used via PyPi (as a Python package) using PIP:

$ pip install django-admin-volt
// OR
$ pip install git+https://github.com/app-generator/django-admin-volt.git

Once the installation is complete, the next step is to update the Django configuration with a few things to activate the template:

👉 Step #1 - Add admin_volt to INSTALLED_APPS node in project settings:

  INSTALLED_APPS = (
        ...
        'admin_volt.apps.AdminVoltConfig',
        'django.contrib.admin',
    )

👉 Step #2 - Check django.template.context_processors.request is enabled

    TEMPLATES = [
        {
            'BACKEND': 'django.template.backends.django.DjangoTemplates',
            'DIRS': [],
            'APP_DIRS': True,
            'OPTIONS': {
                'context_processors': [
                    ...
                    'django.template.context_processors.request',
                    ...
                ],
            },
        },
    ]

As specified by the product documentation, for legacy apps built with Django 1.8 (of bellow) the context processors should be specified using a different syntax:

    from django.conf import global_settings

    TEMPLATE_CONTEXT_PROCESSORS = global_settings.TEMPLATE_CONTEXT_PROCESSORS + (
        'django.core.context_processors.request',
    )

👉 Step #3 - Create the superuser and access the admin section

$ # Create Admin User
$ python manage.py createsuperuser
$ 
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000

Access the admin section in the browser: http://127.0.0.1:8000/admin/

Django Volt Dashboard

This is an open-source Django Seed project that used the same UI as the admin template. The product can be downloaded and used directly from Github, without a registration lock. For more information about this Django dashboard, feel free to access the product page hosted by AppSeed:

Product Features:

Simple, Easy-to-Extend codebase
Volt Dashboard Full Integration
Bootstrap 5 Styling
Session-based Authentication
DB Persistence: SQLite (default), can be used with MySql, PgSql
Docker
CI/CD integration for Render

Thanks for Reading! For more resources, please access:

🔥 AppSeed for more starters and support
🔥 Open-Source Admin Dashboards - crafted in Flask, Django, and React

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.