How does this work?

This works with a custom Component named Sandpack, which basically uses Sandpack to render live previews/playgrounds.

You write your code in BaseHub, and it renders in your site.

This demo was quickly made using v0. If you were to build something like this, it’s recommended to use the basehub SDK, with <Pump /> and stuff (docs).

In the future, we might even create a “Sandpack” or “Code Playground” block which we could render directly in the editor.

Hope you enjoy!