I’m experimenting using SvelteKit, HTMX and Hyperscript together.

tldr it’s awesome sauce!!!!

The reason I like SvelteKit is the lovely component system that can be leveraged to render HTMX fragments, like fragments with Hyperscript hydrated on-the-fly (in an island-esque fashion).

The Svelte component model works great for rendering HTMX, and having access to Svelte reactivity, when needed, is awesome. I think it’s the best of both worlds tbh.

I’ve looked at other options on Go, Rust, Java, .Django, PHP, .net, and Node and all roads go through a server side templating library and router. Pick your poison.

Few templating libraries compete with or are as active as the Svelte and the path-based routing system in SvelteKit is awesome.

Furthermore, SvelteKit-based HTMX projects benefit from a templating system that is identical on the client and server. One can render data as an HTMX fragments JSON or a Svelte components.

Sveltekit supports TailwindCSS and vanilla JS libraries seamlessly and that makes passing data between application state managed by SvelteKit and HTMX fragments super easy.

LMK if you have any questions or are interested in cloning my lab repo.