在 Cloudflare Workers 上執行 Go + htmx 4 + gsxui

在伺服器端渲染的 gsx 元件，以 htmx 4 處理請求、hx-live 管理本機狀態，D1 與 Durable Objects 提供即時更新。Go 以 TinyGo 編譯。不需要 Node，也不需要打包工具。

執行於tinygo js/wasmenvcloudflare
伺服器往返
以 hx-post 送出 gsxui 表單。伺服器會回傳一個 gsx 片段，以及一則頻外（out-of-band）通知。
對話框 + hx-get
每次開啟對話框時，都會從伺服器擷取其內容。

伺服器資訊

應請求由 gsx 元件渲染。

載入中…
分頁 + 延遲載入面板
「統計」面板只會在第一次點選其分頁時載入一次。
此面板隨頁面一同渲染。
使用 hx-live 的用戶端狀態
不需伺服器往返：計數器、下拉式選單、切換開關和即時篩選。
計數：0
  • badge
  • button
  • button-group
  • card
  • dialog
  • empty
  • field
  • input
  • item
  • label
  • native-select
  • separator
  • switch
  • tabs
  • toast
  • toaster
即時更新
D1 搭配每個主題一個 Durable Object，透過 hx-ws 將每次變更推送到所有開啟的分頁。
開啟共用看板