HTMX dan Laravel adalah kombinasi yang sangat natural — server-rendered HTML + Blade templates.
Blade Partial
// routes/web.php
Route::get("/todos", function () {
$todos = Todo::all();
if (request()->header("HX-Request")) {
return view("partials.todo-list", compact("todos"));
}
return view("todos.index", compact("todos"));
});
Blade Template
{{-- partials/todo-list.blade.php --}}
@foreach ($todos as $todo)
<li id="todo-{{ $todo->id }}">
{{ $todo->title }}
<button hx-delete="/todos/{{ $todo->id }}"
hx-target="#todo-{{ $todo->id }}"
hx-swap="outerHTML"
hx-confirm="Hapus todo ini?">
Hapus
</button>
</li>
@endforeach
OOB dengan Laravel
return view("partials.todo-item", compact("todo"))
. '<span id="count" hx-swap-oob="true">' . Todo::count() . ' todos</span>';
HTMX + Laravel = full-stack tanpa API terpisah, tanpa JavaScript framework.