Create new playground app

[ayoayco]

In addition to our landing page and docs sites, we can now create a playground using https://webcontainers.io

[Preet-Sojitra]

Correct me if I am wrong. This webcontainers are used to create interactive code editors on web where user can play around and get to learn more?

[ayoayco]

Yeah exactly. I think we can find a lot of examples in other more mature libraries

[Preet-Sojitra]

On website they have put example of sveltekit. Sveltkit has implemented playground on their website. You can check it out.

[fazzaamiarso]

This is exciting!

@ayoayco So with this, will we migrate our demo to playground? Like Qwik and Svelte?

I'm interested to try out webcontainer.

[ayoayco]

Yes exactly @fazzaamiarso ... let me know what you find out. I'm not sure if it needs a StackBlitz account and how well it works on an Astro app? :D We may need to build this with another framework if not

[fazzaamiarso]

@ayoayco I think it's quite difficult to do it with Astro because webcontainer mostly works on the client side. We can use framework like React (most familiar with me) or any other like svelte, solid.

But I found this playground with Solid, which is pretty solid 🤣. I always wanted to try Solid though. If I'm not mistaken, the hyperdrive package will use solid too, right?

what do you think?

[fazzaamiarso]

I've build a minimal playground with vanilla-ts + vite. Tried using our library and it worked. Although, we definitely need a framework for our DX.

Maybe svelte or react?

[ayoayco]

@fazzaamiarso I'm more excited to try svelte than react to be honest. :) I'm fine if you want to PR what you have now so we can iterate on improving it. But if you're also interested to add a framework I vote for svelte because I'm curious about it as well. Might be a nice new project.

enhance.dev is also interesting :)