Go + htmx 4 + gsxui no Cloudflare Workers

Componentes gsx renderizados no servidor, htmx 4 para requisições, 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.
Diálogo + hx-get
O conteúdo do diálogo é buscado no servidor sempre que ele é aberto.

Informações do servidor

Renderizado sob demanda por um componente gsx.

Carregando…
Abas + painel sob demanda
O painel Estatísticas carrega uma única vez, no primeiro clique na aba.
Este painel foi renderizado junto com a página.
Estado no cliente com hx-live
Sem ida e volta ao servidor: um contador, um menu suspenso, um botão de alternância 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 todas as abas abertas via hx-ws.
Abrir o quadro compartilhado