Htmx examples

[gedw99]

Hi

Was checking out the examples and generators on GitHub

There are no htmx examples which I think is a shame because htmx is a basic web gui system that is super simple and designed for async style gui with both web sockets and SSE

If there is somewhere to get this idea going leading to a GitHub repo it might be a worthy idea.

Here is my stack:

Data layer: Pocketbase which is a one line golang import and gives a db where any db change fires an event that we can feed to the middle tier . Pocketbase is huge adoption and fully open. The db layer is generated at dev time. And has a web gui .

Middle tier: I use nats async-api tooling and generate the golang client snd server code. The server code alas both ways to Pocketbase.

The client side uses golang templates and those templates are just simple golang templates with htmx primitives. It’s SSR tendering but that’s to html you can do partial page updates. So the search engines get full page rendering and the users get real tine interactive with any change in the db being able to partially update the gui

Of course any third party system can also be fired an event off the async api code

https://github.com/delaneyj/datastar Is a htmx System with working examples . It’s a great base .
the examples are an exact copy of the htmx examples from the htmx organisations. It uses SQLite and code generates the typescript.

it uses NATS and SSE , so it’s just a matter of mating that to the nats Jetstream async API Generator .

matching this up with Pocketbase is a no brainer since Pocketbase has auth , authz, complete login system and asyn cron schedules, and s3 or local file uploads. It’s a close to perfect storage layer.

[derberg]

Data layer: Pocketbase

thanks for mentioning Posketbase, I did not hear about them before. They could use AsyncAPI for their realtime API 😄

nats async-api tooling and generate the golang client snd server code

are you referring to https://github.com/asyncapi/ts-nats-template?

---

so your proposal is just to have some examples or actual template. Also, are you able to provide such, or even write an article about it on asyncapi.com maybe?

[gedw99]

I could write an article if needed.

regarding nats I am using this one. https://github.com/lerenn/asyncapi-codegen

its a code generator that generates the client and server side for asyncapi and nats

[derberg]

There are no htmx examples

just to make sure, you are referring to lack of example of AsyncAPI document for htmx use case and and example of what could be generated in htmx out of the document?

[gedw99]

yes. I feel that htmx with asyncapi is a good marriage. htmx is designed for async patterns because off can use SSE or Web Sockets to update the GUI partially, as data changes inside any asyncapi implementation.

There is an issue relating to this here:
lerenn/asyncapi-codegen#107 is about adding a HTMX GUI

[gedw99]

Yes pocket base and async soo is also a good match.

there is a golang API for pocketbaae fon github that I am working on. It is a code generator that gens all code based on the data inside pocket base.

Ask if your curious 🤨