HTMX dengan Laravel — HTMX

HTMX dan Laravel adalah kombinasi yang sangat natural — server-rendered HTML + Blade templates. Blade Partial // routes/web.php Route::get("/todos", function ()

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.

Yang akan kamu pelajari