Go + htmx 4 + gsxui no Cloudflare Workers

Componentes gsx renderizados no servidor, htmx 4 para pedidos, hx-live para estado local, D1 e Durable Objects para atualizações em tempo real. Go compilado com TinyGo. Sem Node, sem bundler.

Servido portinygo js/wasmenvcloudflare
Ida e volta ao servidor
Envie um formulário gsxui com hx-post. O servidor responde com um fragmento gsx e um toast fora de banda.
Caixa de diálogo + hx-get
O conteúdo da caixa de diálogo é obtido do servidor sempre que é aberta.

Informações do servidor

Renderizado a pedido por um componente gsx.

A carregar…
Separadores + painel diferido
O painel Estatísticas carrega uma única vez, no primeiro clique no respetivo separador.
Este painel foi renderizado juntamente com a página.
Estado no cliente com hx-live
Sem ida e volta ao servidor: um contador, um menu pendente, um interruptor e um filtro em tempo real.
Contagem:0
  • badge
  • button
  • button-group
  • card
  • dialog
  • empty
  • field
  • input
  • item
  • label
  • native-select
  • separator
  • switch
  • tabs
  • toast
  • toaster
Atualizações em tempo real
D1 e um Durable Object por tópico enviam cada alteração para todos os separadores abertos via hx-ws.
Abrir o quadro partilhado