Combine SSR and Client Components without HonoX
What's the prefered way to have these two working together with syntaxic coloration and no raw html in one color in my VS Code editor?
SSR: https://hono.dev/docs/guides/jsx
Client side: https://hono.dev/docs/guides/jsx-dom
JSX - Hono
Ultrafast web framework for Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, Node.js, and others. Fast, but not only fast.
Client Components - Hono
Ultrafast web framework for Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, Node.js, and others. Fast, but not only fast.
9 Replies
Are you asking the same question as here https://discord.com/channels/1011308539819597844/1011308539819597847/1278997306883964960?
Yes, there’s no example how to do it
Working on an example, will share soon
I have attached a PR in this, not sure when it will be added but you can look at the code - https://github.com/honojs/examples/issues/197
GitHub
Add example to use hono/jsx-dom · Issue #197 · honojs/examples
Many people in the community are unsure how to use Client Componet with hono, basically how to set it up and start using it in dev/prod. I can create a PR for this using vite.
It's done you can check out the template
Thank you solved!
Can you do an example except using deno instead of node?
Deno is node compatible now
I have updated the example tho - https://github.com/honojs/examples/tree/main/hono-vite-jsx, it now uses vite
For
deno, the code should remain the same only, as you will require something like vite to bundle your client components