# Simplifying Dynamic Web Development with Django and HTMX (Part 3): Integrating with Django The robust backend of **[[Django]]**, with its "Batteries Included" philosophy, and **[[HTMX]]**, which cleverly leverages fresh HTML snippets from that backend, truly make a fantastic combination. Following up from the previous installment, this post, Part 3 of our series on **Simplifying Dynamic Web Development with Django and HTMX**, will explore two specific methods for integrating HTMX into a real Django project. ![Image of Django and HTMX combining](/media/whitedec/blog_img/cd6a017531894572b0123aa2e403ef4b.webp) ----- ## 1. Direct Usage Without a Third-Party Package {#sec-ca790606f6d7} This is the purest and lightest approach. You can instantly use HTMX's features by simply adding a single script tag to your HTML template, without any complex installation procedures. ### Installation Methods {#sec-1b32901b18e3} The official HTMX documentation suggests several installation methods, but the fastest way is undoubtedly to leverage a **CDN**. * **Using CDN (Fastest):** Simply add the following code inside the `` tag of your `base.html`. ```html ``` * **Direct Download:** If security or an offline environment is crucial, you can download [htmx.min.js](https://www.google.com/search?q=https://unpkg.com/htmx.org/dist/htmx.min.js), place it in your project's `static` folder, and specify the path. * **npm:** If you're using a build system, you can install it with the `npm install htmx.org` command. [Go to the official HTMX installation documentation](https://htmx.org/docs/#installing) ----- ## 2. Using the django-htmx Package {#sec-e127afe305db} Within the Django ecosystem, there's a dedicated library that helps you use [[HTMX]] in a more "Django-esque" way: **django-htmx**. ### Installation and Configuration {#sec-1fad40addfc9} Follow the steps below as outlined in the [official django-htmx documentation](https://django-htmx.readthedocs.io/en/latest/installation.html). 1. **Install the package** ```bash python -m pip install django-htmx ``` 2. **Register in INSTALLED_APPS** ```python INSTALLED_APPS = [ ..., "django_htmx", ..., ] ``` 3. **Add Middleware** ```python MIDDLEWARE = [ ..., "django_htmx.middleware.HtmxMiddleware", ..., ] ``` ----- ### How Convenient is django-htmx? {#sec-9b3f39c88466} Given that [[HTMX]] is inherently a simple tool, one might legitimately question the necessity of installing an additional package like **django-htmx**. Indeed, core functionalities can be implemented without it. However, a closer look at the convenience features this package offers reveals why many developers choose to adopt it. According to the official **django-htmx** documentation, its most significant feature is **extending the `request` object via middleware**. Once the middleware is registered, a `request.htmx` attribute becomes available, allowing easy access to detailed information such as: * **Request Information:** `boosted`, `current_url`, `current_url_abs_path`, `history_restore_request`, `prompt` * **Target and Trigger Control:** `target`, `trigger`, `trigger_name`, `triggering_event` Furthermore, it supports **two dedicated template tags** that assist with template operations: * `{% htmx_script %}`: This is the main tag for injecting the HTMX library script. * `{% django_htmx_script %}`: This auxiliary tag inserts only the extended debugging script when HTMX is included directly via CDN or static files. Particularly impressive are the **11 useful methods** included in the `django_htmx.http` module. Among them, `trigger_client_event()` stands out. By easily configuring and sending the `HX-Trigger` header from the server with the response, it allows **direct control of client events from the server**. Once you get used to it, it becomes an incredibly powerful and frequently used tool. Of course, all these functionalities can be implemented by developers manually, by writing custom middleware or manipulating headers. Thus, for those who prefer a hands-on approach, like myself, it might not feel like an essential package. In conclusion, while **django-htmx** is not a "must-have," it is undeniably a package that **"significantly enhances development comfort."** Its official documentation is concise, allowing you to grasp it within an hour or two. Therefore, consider adopting it based on your project's nature. ----- ## Conclusion {#sec-2c0be77e7e31} If you're only planning to implement a few simple features like toggle buttons or 'like' functionalities, **direct usage (via CDN)** is often sufficient. Avoiding unnecessary dependencies can be the most economical approach. However, as your project scales and you frequently encounter situations where a single view needs to handle both full and partial page updates, **django-htmx** becomes a compelling option. Which approach appeals more to you? In reality, since django-htmx is a lightweight package, simply installing it without overthinking might be the correct answer. Ultimately, it often comes down to a developer's preference and personality—whether one aims to minimize dependencies or prefers to implement most things manually. Regardless of your choice, with [[HTMX]], you'll enjoy the pleasure of stepping away from [[JavaScript]] and returning to the simplicity of HTML. **Related Articles** : - [Simplifying Dynamic Web Development with Django and HTMX (Part 1)](/en/whitedec/2025/1/27/django-htmx-dynamic-web-simplification/) - [Simplifying Dynamic Web Development with Django and HTMX - Ajax (Part 2)](/en/whitedec/2025/1/27/django-htmx-dynamic-web-simplification-2/) - [Simplifying Dynamic Web Development with Django and HTMX (Part 3): Integrating with Django](/en/whitedec/2025/1/27/django-htmx-dynamic-web-simplification-3/) - [Simplifying Dynamic Web Development with Django and HTMX (Part 4): Understanding Payload Transmission](/en/whitedec/2025/1/27/django-htmx-csrf-token-integration/) - [Simplifying Dynamic Web Development with Django and HTMX: Leveraging Forms and Serializers](/en/whitedec/2026/4/22/django-htmx-forms-serializer-usage/) - [Simplifying Dynamic Web Development with Django and HTMX: Leveraging Forms and Serializers](/en/whitedec/2026/4/22/django-htmx-forms-serializer-usage/) - [Simplifying Dynamic Web Development with Django and HTMX: Mastering Triggers](/en/whitedec/2026/4/23/django-htmx-dynamic-web-development-trigger/)