Go + htmx 4 + gsxui en Cloudflare Workers

Componentes gsx renderizados en el servidor, htmx 4 para las peticiones, hx-live para el estado local, D1 y Durable Objects para actualizaciones en vivo. Go compilado con TinyGo. Sin Node ni bundler.

Servido portinygo js/wasmenvcloudflare
Ida y vuelta al servidor
Envía un formulario gsxui con hx-post. El servidor responde con un fragmento gsx y un toast fuera de banda.
Diálogo + hx-get
El contenido del diálogo se obtiene del servidor cada vez que se abre.

Info del servidor

Renderizado a petición por un componente gsx.

Cargando…
Pestañas + panel diferido
El panel Estadísticas se carga una sola vez, la primera vez que haces clic en su pestaña.
Este panel se renderizó junto con la página.
Estado del cliente con hx-live
Sin ida y vuelta al servidor: un contador, un desplegable, un interruptor y un filtro en vivo.
Cuenta:0
  • badge
  • button
  • button-group
  • card
  • dialog
  • empty
  • field
  • input
  • item
  • label
  • native-select
  • separator
  • switch
  • tabs
  • toast
  • toaster
Actualizaciones en vivo
D1 y un Durable Object por tema envían cada cambio a todas las pestañas abiertas mediante hx-ws.
Abrir el tablero compartido