Cloudflare Workers पर Go + htmx 4 + gsxui

सर्वर पर रेंडर होने वाले gsx कॉम्पोनेंट, अनुरोधों के लिए htmx 4, लोकल स्टेट के लिए hx-live, और लाइव अपडेट के लिए D1 और Durable Objects। Go को TinyGo से कंपाइल किया जाता है। न Node, न bundler।

सर्व करने वालाtinygo js/wasmenvcloudflare
सर्वर राउंड-ट्रिप
gsxui फ़ॉर्म को hx-post करें। सर्वर एक gsx फ़्रैगमेंट और एक आउट-ऑफ़-बैंड (OOB) टोस्ट के साथ जवाब देता है।
डायलॉग + hx-get
डायलॉग हर बार खुलने पर उसका कंटेंट सर्वर से लाया जाता है।

सर्वर की जानकारी

अनुरोध पर gsx कॉम्पोनेंट द्वारा रेंडर किया गया।

लोड हो रहा है…
टैब + लेज़ी पैनल
आँकड़े पैनल सिर्फ़ एक बार लोड होता है, जब पहली बार उसके टैब पर क्लिक किया जाता है।
यह पैनल पेज के साथ ही रेंडर हुआ था।
hx-live के साथ क्लाइंट स्टेट
सर्वर तक कोई राउंड-ट्रिप नहीं: एक काउंटर, एक ड्रॉपडाउन, एक टॉगल और एक लाइव फ़िल्टर।
गिनती:0
  • badge
  • button
  • button-group
  • card
  • dialog
  • empty
  • field
  • input
  • item
  • label
  • native-select
  • separator
  • switch
  • tabs
  • toast
  • toaster
लाइव अपडेट
D1 और हर टॉपिक का एक Durable Object, हर बदलाव को hx-ws के ज़रिए सभी खुले टैब तक पहुँचाते हैं।
साझा बोर्ड खोलें