df_site 0.1.1

More batteries to Django

df_site

A single Django app that contains many features and tools to create a website. It offers a template based on Bootstrap5 with the required views for:

• login/logout (with Django-allauth and all its methods like passkeys)
• a profile management view
• a dark mode
• a cookie consent banner (with DjangoCookieConsent)
• a message app between users (django-postman)
• a connection to websockets (django-channels and df_websockets) for pushing data to the client
• a configurable object lists with sorting, pagination and filters (similar to the Django admin list views) integrable in any template
• a configurable object detail view similar to the Django admin detail view

Frontend

• SCSS: Bootstrap uses SCSS
• pnpm: easy to use, most efficient than npm and yarn
• Bootstrap: the only CSS framework with a Django package
• TypeScript
• Webpack
• Node.js: used by webpack
• Font-awesome
• Dark Mode
• Htmx
• Select2: still use jQuery in 2024 and no real plan to remove it
• Javascript editor

Excluded

• Vite: created SPA
• Material-UI: no Django package
• TailwindCSS: no Django package
• npm: replaced by pnpm
• yarn: replaced by pnpm
• AlpineJS: hard to comply with a strong CSP
• React
• Better-nice-Select

Backend

• Django
• Django-pipeline
• Django debug toolbar
• Poetry
• Python3.12
• DjangoCookieConsent
• Django-postman
• Django-allauth
• Django Rest Framework
• Django Channels
• Gunicorn
• Hypercorn
• Celery
• Django-auto-complete-light
• Django-htmX
• Django-components
• Django-recaptcha
• django-ckeditor-5
• Complete solution for ListView,
• Complete solution for DetailView
• CreateView, UpdateView, DeleteView
• alert messages when the site is offline (maintenance mode)
• wait for the database to be ready
• display global messages and banners
• Error templates
• Smileys in the Editor

Excluded

• Django-select2: django-auto-complete-light is better

WYSIWYG editor

• CKEditor with django-ckeditor-5: GPL license
• TinyMCE with django-tinymce: cannot use a strong CSP (unsafe-inline styles are required)
• Trix with django-prose: use nonce for inline styles
• summernote with django-summernote: still use jQuery and cannot use a strong CSP
• Froala: expensive
• ACE: code editor
• Django-RichtextField: use CKEditor or TinyMCE

Specific URLs

• robots.txt
• humans.txt
• .well-known/change-password

HTML and web server

• Nginx
• Apache
• HTTP/2
• Mozilla observatory
• OpenGraph meta tags
• Performances
• Generate a favicon
• Favicon validation
• HTML validation
• OpenGraph validation
• Structured data validation
• Webhint
• Lighthouse
• SSL validation
• XML site map
• Schema.org CSS Validator, Link Checker, JS Validator

DevOps

• git
• Precommit
• Docker
• Docker Compose
• SonarQube
• Pytest
• Jest
• Playwright
• editorconfig
• Copyright checking
• Monitoring and alerting
• django-probes
• Django-prometheus

Code analysis and formatting

• Dockerfile
• HTML DjHTML
• ini
• JavaScript: ESlint
• JSON
• Markdown
• Python: Ruff
• SCSS StyleLint
• TOML
• TypeScript: ESlint
• YAML

Excluded tools

• JSHint: replaced by ESLint
• JSLint: replaced by ESLint
• JSCS: replaced by ESLint and limited to code style
• Pylint: replaced by Ruff
• Flake8: replaced by Ruff
• Black: replaced by Ruff
• isort: replaced by Ruff
• PyDocStyle: replaced by Ruff
• PyUpgrade: replaced by Ruff
• Autoflake: replaced by Ruff
• SassLint: no longer maintained

Database and storage

• PostgreSQL
• Redis
• minio

Technologies

https://www.saaspegasus.com/guides/modern-javascript-for-django-developers/client-server-architectures/