HTMX membuat infinite scroll sangat mudah dengan hx-trigger="revealed".

Pattern

<div id="feed">
  <div class="item">Post 1</div>
  <div class="item">Post 2</div>
  <!-- Sentinel element: trigger saat masuk viewport -->
  <div hx-get="/api/feed?page=2"
       hx-trigger="revealed"
       hx-swap="outerHTML"
       hx-select="#feed > *">
    Loading more...
  </div>
</div>

Server Response (page 2)

<div class="item">Post 3</div>
<div class="item">Post 4</div>
<!-- Sentinel baru untuk page berikutnya -->
<div hx-get="/api/feed?page=3"
     hx-trigger="revealed"
     hx-swap="outerHTML">
  Loading more...
</div>

Setiap response mengembalikan items + sentinel baru. Saat sentinel terlihat, request berikutnya dikirim.