Detect HTMX requests and return server-rendered HTML fragments in Litestar.
npx skills add https://github.com/alti3/litestar-skills --skill litestar-htmx
Please help me install this Agent Skill. Skill: litestar-htmx Source: https://github.com/alti3/litestar-skills/tree/main/plugins/litestar/skills/litestar-htmx Command: npx skills add https://github.com/alti3/litestar-skills --skill litestar-htmx
Build HTMX-driven Litestar endpoints to serve server-rendered HTML fragments for partial updates and progressive enhancement. Do not use for SPA-only JSON APIs that do not exchange HTML fragments.
Create an HTMX-enabled Litestar route that returns a minimal HTML fragment when the HX-Request header is present.
High-intent search queries and answers about installing and using this skill.
To return server-rendered HTML fragments, Litestar endpoints check the HX-Request header and return fragment payloads for partial updates. This preserves full-page behavior for non-HTMX requests while enabling progressive enhancement.
Progressive enhancement using HTMX partial updates means Litestar endpoints serve full-page responses normally but return server-rendered HTML fragments when the HX-Request header is present, enabling dynamic in-place content updates without a SPA.
Yes, you can use HTMX with Litestar for partial page updates without a SPA by returning server-rendered HTML fragments. Endpoints detect the HX-Request header to deliver fragment substitutions for dynamic in-place content.
To set up an HTMX-enabled Litestar route, apply fragment-focused templates that return a minimal HTML fragment when the HX-Request header is present. This coordinates with litestar-templating and litestar-responses to drive client behavior.
You should not use HTMX fragment endpoints in Litestar for SPA-only JSON APIs that do not exchange HTML fragments. This approach is designed specifically for server-rendered components and partial page updates.
alti3Render HTML responses in Litestar apps using configured template engines.
yardenshohamExplain htmx attributes for server-rendered HTML interactivity.
litestar-orgIntegrate HTMX with Litestar using the first-party HTMXPlugin and response objects.
AngelDannDetect HTMX requests and return partial Django templates with HX- headers.
