SolidJS adapter

[jcs224]

It's probably a long shot asking for first-party support for yet-another front-end framework 😅 but I thought I'd put it out into the universe. I've tried to create an adapter myself, just a little out of my league.

SolidJS is a lightweight framework with performance almost on-par with vanilla JS, and a small bundle size to boot. It's also wonderfully easy to use!

https://www.solidjs.com/

[Rastian95]

I was also looking for the same, but, without success.
I asked Ryan Carniato directly and he told me that is possible but the don't know enough about the particulars,
some agnostic solutions he would found difficult with Solid but he thinks one like that wouldn't be that different than say how they work with Astro. He suggest to ask in discord channels.
Maybe with need to ask directly too Jonathan Reinink

[superspike7]

it would be really cool to have an adapter for solidjs.

[rodsfreitas]

yeah, it would be awesome!

[jpmaga]

I had a poc around for a while, just put it in a repository. https://github.com/jpmaga/inertia-solid-adapter

Feel free to clone, fork, play with it. Have a ball. Again, it is a POC, from the little I used it, it seems to work fine, but expect bugs. No SSR support or anything. At least not for now, and I don't really use it, so probably that will need to be someone else adding it.

[nathandaly]

Bump.

[iksaku]

Hello everyone, I saw this discussion existed recently, but I wanted to comment when I finished my part.

I have also been working on a SolidJS adapter, just like @jpmaga did, although I would've loved to find his work before I started hacking another implementation 😅.

I've just published my adapter for SolidJS here: https://github.com/iksaku/inertia-adapter-solid.

If you're interested, my adapter is based on the adapters for all three other frameworks (React, Svelte, Vue), trying to incorporate the best integration ideas from each while also trying to keep as close to SolidJS practices as possible (may not be "best" ones but what I ultimately felt "correct").

There's some exciting stuff I integrated into my adapter, which I hope you will like:

• @solidjs/meta has been adopted as the official way for my adapter to work with SEO/Metadata because it works wonderfully in CSR and SSR, and the implementation was relatively straight-forward.
• Simple SSR configuration, just like in Svelte's adapter, not requiring to define a Server-side Renderer function. To achieve this, my adapter uses Solid's renderToString() API. I didn't see value in allowing you to choose other APIs like renderToStringAsync() or renderToStream(), but I would love to hear your feedback if you are interested in using these APIs.
• useForm() and useRemember() both make use of SolidJS Store APIs, trying to keep as close as possible to Solid's DX: https://twitter.com/iksaku2/status/1653141039409160192.
• usePage() also uses Stores under the hood for that juicy, fine-grained reactivity.

Please let me know if you have a chance to test it out and encounter any issues or if you have any ideas that could help make this a better integration.

🫡

[jpmaga]

Hey @iksaku, I had a look at your implementation and it definitely looks more solid (pun intended) than mine. Haven't tried it yet, but will try to give it a go in the next couple of days. Also in 3 weeks, give or take, I might have a project where i can test this in a more real world scenario.

Seems pretty fleshed out, but if you need help with anything, let me know.

[iksaku]

@jpmaga thank you! Would love to hear your feedback when you try it out!

I feel like there's some stuff that could be ironed out based on people using it, so let's wait and see 😄

[iksaku]

Hello everyone!
A few days ago I noticed that Persistent Layouts not working properly in my adapter, then went to develop a really weird workaround for it.

Before merging in, I made a post in Solid's discord looking for help reviewing the implementation hoping that somebody can give pointers for a better implementation. I would love if anyone can join the discussion there and provide your feedback on the code, or if you can get to a better approach, let me know!

https://discord.com/channels/722131463138705510/1108166822286602361/1108166822286602361

Btw, the core of the implementation (with minimal reproduction) is available as a Playground linked in the post, as well as the link to the PR of my repo.

[iksaku]

For those interested, a few days ago I tagged v0.2 of my adapter, mainly updating support for SolidJS ^1.8 and SolidMeta ^0.29.
I have refrained to tag a 1.0 as I'm currently not using the adapter in any production environments (😭) and I'm not aware of any pitfalls in the adapter (not enough feedback I think?).
Regardless, I will continue supporting the adapter because I love SolidJS.
Feedback, bug reports and PRs are always welcome!

[p-nerd]

SolidJS is a kind of UI framework that makes sense to me. It is closer to web standards, more performant, and enjoyable to use. Also, I am a big fan of Laravel + Inertia's productivity. So first-party SolidJS support will be a big win for future web development.

So, I am also requesting the Inertia.js core dev team to address this issue

[darrenbarklie]

Also arrived here, looking for official support. Great to see some in the community exploring solutions!

[joaofranciscoguarda]

Another one requesting here 🙋

[ollivr]

Solidjs Support would be amazing! I literally can't go back to react or vue. Workarounds exist, but would love to see 1st party support!