Under Construction: Fiddling with Eleventy, Tailwind, Tailwind UI, Hotwire Turbo, Hotwire Stimulus, Javascript, and Netlify.

Turbo Frames Example

Turbo Drive

This is the turbo SHOW action.

This is the stimulus SHOW action.

This is the clipboard SHOW action.

Eleventy generates two static HTML files: The first is this "show" page. The second is an "edit" page.
The two files are generated from the same Nunjucks template (turbo-frames-page.njk).
The template has if/then conditions driven by a show/edit variable in the front matter of each of the two top-level templates.
The main benefit is the fast, dynamic page behavior without writing any Javascript. The inline edits happen in about 50ms.
Another benefits is that the HTML and styling for both pages comes from a single template, which makes it easier to keep both pages consistent, using multiple cursors when editing, for example.
When a button is clicked, Turbo fetches the full show or edit page from the server, but only extracts the turbo-frame element it needs to update the page.