A modern full-stack web application template using Django + HTMX + Alpine.js + Tailwind CSS.
The DHAT Stack combines powerful technologies to create dynamic, interactive web applications while maintaining server-side rendering and django batteries included benefits:
- Django 🐍: A high-level Python web framework that enables rapid development and clean, pragmatic design
- HTMX ⚡: Allows you to access modern browser features directly from HTML, without writing JavaScript
- Alpine.js 🗻: A lightweight JavaScript framework for adding interactivity to your frontend
- Tailwind CSS 🎨: A utility-first CSS framework for rapidly building custom user interfaces
- 🔄 Server-side rendering with Django templates
- ⚡ Dynamic UI updates without full page reloads using HTMX
- 🎯 Interactive components with Alpine.js
- 💅 Modern, responsive styling with Tailwind CSS
- 🧩 Example components demonstrating the stack's capabilities:
- Counter component
- Timer component
- Todo list with CRUD operations
This project is currently under active development. Features and documentation may be incomplete or subject to change. Feel free to watch, star, or contribute to help shape its direction!
Some planned improvements:
- Using django-cotton for frontend components (currently using django-components)
- Additional example components and patterns
- Using messages framework for notifications with HTMX
- setuptools
- Comprehensive documentation and best practices
- Testing examples and setup guides
- Production deployment configurations
- Authentication and user management examples
- DjangoCon 2022 - From React to HTMX on a real world SaaS product - by David Guillot
- DjangoCon 2023 - HTML-ivating your Django web app's experience with HTMX - by Cris May
- BugBytes: YouTube channel with Django tutorials and tips