Server-rendered HTML with HTMX

A step of the Cloud application tree on Gradus, in the Frontend area: Second app, UI, browser tests.

Serve HTML from the service itself with a template engine and HTMX for partial updates, with one page that shows the health route's answer.

One option of Frontend approach: Server-rendered HTML with HTMX. The others: React with Vite.

Usually comes after: Choose a frontend approach.

Prompt for your AI assistant

Add server-rendered HTML to the service: a template engine for its stack, a layout template, HTMX loaded from a pinned version and one page at / that shows the /health route's answer and refreshes it with an HTMX request. Keep templates in one folder, add a test that renders the page and document the one command that runs it in the README.

• Show on map
• This step as Markdown
• Every step of the tree, for AI assistants

This is https://gradus.kazet.blog/tree/cloud-application/step/frontend-htmx as plain HTML. In a browser the page also lets you mark the step forged and copy a message for your AI assistant.