Go + htmx 4 + gsxui auf Cloudflare Workers

Serverseitig gerenderte gsx-Komponenten, htmx 4 für Anfragen, hx-live für lokalen Zustand, D1 und Durable Objects für Live-Updates. Go kompiliert mit TinyGo. Kein Node, kein Bundler.

Ausgeliefert vontinygo js/wasmenvcloudflare
Server-Roundtrip
Ein gsxui-Formular per hx-post senden. Der Server antwortet mit einem gsx-Fragment und einem Out-of-Band-Toast.
Dialog + hx-get
Der Dialoginhalt wird bei jedem Öffnen vom Server geladen.

Serverinfo

Auf Anfrage von einer gsx-Komponente gerendert.

Wird geladen…
Tabs + nachgeladenes Panel
Das Statistik-Panel lädt nur einmal, beim ersten Klick auf seinen Tab.
Dieses Panel wurde mit der Seite gerendert.
Client-Zustand mit hx-live
Ohne Server-Roundtrip: ein Zähler, ein Dropdown, ein Schalter und ein Live-Filter.
Zähler:0
  • badge
  • button
  • button-group
  • card
  • dialog
  • empty
  • field
  • input
  • item
  • label
  • native-select
  • separator
  • switch
  • tabs
  • toast
  • toaster
Live-Updates
D1 und ein Durable Object pro Thema senden jede Änderung per hx-ws an alle offenen Tabs.
Gemeinsame Pinnwand öffnen