Building CRUD Interfaces

Render a list of items as an HTML fragment and load it into a page using hx-get triggered on page load.

Implement server-side pagination for a list, with controls that fetch and replace only the list content.

Implement an inline 'create' form that appends a new item to a list using hx-post.

Implement inline edit-in-place for an item by swapping it with an edit form fragment and saving via hx-put.

Implement delete-with-confirmation using hx-delete, hx-confirm, and an `outerHTML` swap to remove the item.

Perform server-side form validation and return the form fragment with inline error messages on failure.

Implement live search with a debounced hx-trigger that updates a partial list of results.