sandpack icon indicating copy to clipboard operation
sandpack copied to clipboard

How to "host" the app

Open samdoeswork opened this issue 10 months ago • 2 comments

Tell us how you think we can improve Sandpack

Firstly I LOVE what you've made. Thank you so much!

I want my users to build mini-apps inside a larger app. I've created a really nice flow with Monaco and Sandpack.

Problem is when users have actually built the mini-app, it's unclear how to put it into prod.

I'm currently using the Sandpack preview component but this has a "Open in sandbox" button and a "Sandpack preview" title over the top which are both confusing in this context. (E.g. the app admin adds a cool user-defined feature, but the users who come to use it will be very confused by these.)

Packages affected

  • [x] sandpack-client
  • [x] sandpack-react

What is this feature?

Advice on how to actually "deploy" the outcome. Or a deploy-mode.

How would your idea work?

Possibly pack the whole thing out to S3 or GCS bucket. Or a component like the preview one but for deployment.

Do you have any examples of how you would like to see us implement it?

samdoeswork avatar Apr 05 '24 15:04 samdoeswork

Obviously I can write a little piece of hacky script to hide the Open Sandbox UI and continue using the preview panel. But this seems both brittle and wrong. I'd like to use the correct approach - just unsure what that is.

samdoeswork avatar Apr 05 '24 15:04 samdoeswork

Sorry - just saw showRefreshButton={false} showOpenInCodeSandbox={false} options. I think when I looked for thses previously I saw a thread about them not existing so I guess they are new-ish.

That really helps.

Leaving the issue open though as I believe it's still useful to get some guidance on how to host user-built apps with Sandpack. Using the preview works but seems inefficient.

samdoeswork avatar Apr 05 '24 15:04 samdoeswork