Example Project & Live Demo¶
The django-htmx-nav repository includes a comprehensive, production-style reference Helpdesk application (organizations, projects, Kanban boards, ticket detail views with subtabs, and multi-step creation wizards).
It serves as both a runnable testbed and an empirical laboratory demonstrating how to solve navigation state drift across different architectural paradigms.
Interactive Resources & Deployments¶
Live Helpdesk Sandbox: Live hypermedia application hosted on Render. Experiment with creating tickets, moving Kanban cards, switching variants, and toggling visual swap debugging in real time.
Interactive Architectural Guide: Deep dive into hypermedia state synchronization, code walkthroughs of all 8 implementation variants, and an architectural decision tree.
Empirical Benchmark Dashboard: Live performance measurements across wire payload, render latency, and database query counts.
Showcase Overview: High-level overview and visual comparisons.
Source Code & Local Setup¶
All implementation variants, test suites, and Docker configurations are open source in the example/ directory:
Full setup instructions (Docker Compose hot reload or native Python
runserver) are maintained in the example project README.Automated parity verification tests live in
example/core/tests/andexample/htmx_nav_demo/tests/.