Go + htmx 4 + gsxui sur Cloudflare Workers

Composants gsx rendus côté serveur, htmx 4 pour les requêtes, hx-live pour l'état local, D1 et Durable Objects pour les mises à jour en direct. Go compilé avec TinyGo. Sans Node, sans bundler.

Servi partinygo js/wasmenvcloudflare
Aller-retour serveur
Envoyez un formulaire gsxui avec hx-post. Le serveur répond avec un fragment gsx et un toast hors bande.
Boîte de dialogue + hx-get
Le contenu de la boîte de dialogue est récupéré sur le serveur à chaque ouverture.

Infos serveur

Rendu à la demande par un composant gsx.

Chargement…
Onglets + panneau différé
Le panneau Statistiques se charge une seule fois, au premier clic sur son onglet.
Ce panneau a été rendu avec la page.
État client avec hx-live
Sans aller-retour serveur : un compteur, un menu déroulant, un interrupteur et un filtre en direct.
Compteur :0
  • badge
  • button
  • button-group
  • card
  • dialog
  • empty
  • field
  • input
  • item
  • label
  • native-select
  • separator
  • switch
  • tabs
  • toast
  • toaster
Mises à jour en direct
D1 et un Durable Object par sujet envoient chaque modification à tous les onglets ouverts via hx-ws.
Ouvrir le tableau partagé