[Docs] Glitch ended project hosting - interactive examples no longer work

[melissahenderson]

Glitch, the service we've been using to host the interactive examples in the guides below, ended their project hosting. This means the interactive examples no longer work.

• https://webmonetization.org/tutorials/show-content/
• https://webmonetization.org/tutorials/remove-content/
• https://webmonetization.org/tutorials/contribution-counter/
• https://webmonetization.org/tutorials/revenue-sharing/

The team needs to decide how to handle this. Some options include:

• Finding another service to host the examples
• Building our own solution to provide interactive examples
• Updating the guides to only have code samples, removing references to interactive examples completely

wm2-ad-free-experience-2025-07-21_141453.tgz
wm2-count-revenue-2025-07-21_141455.tgz
wm2-exclusive-content-complex-2025-07-21_141457.tgz
wm2-exclusive-content-demo-simulation-2025-07-21_141458.tgz
wm2-exclusive-content-simple-2025-07-21_141459.tgz
wm2-probablistic-revenue-share-2025-07-21_141500.tgz

[sidvishnoi]

If we're looking for an alternative, https://sandpack.codesandbox.io/ could be a good one.

Although, I do agree with following more, given the interactivity in current tutorials is not too high:

Updating the guides to only have code samples, removing references to interactive examples completely

[kjmitchelljr]

Adding Slack comment here:

I recall going through the docs during my onboarding and I did find the Glitch interactive pieces helpful and a nice to have, but as a developer looking to integrate there was no issue copying and pasting the code in my own editor and testing.

I'd be curious on how much effort/work it would take to find another service to host the example? Like @sidvishnoi mentioned Sandpack seems pretty straightforward, but if it's too much or not worth it then having the code samples on the guide should be sufficient imo.

[Anca2022]

Here are the solutions I found regarding the Glitch project hosting issue:
Option 1 – Keep current interactive examples projects (preview-only)
a. Move the interactive example project folders into /public and embed them via iframes (instead of linking to the now-unavailable Glitch-hosted projects).
b. Host the interactive examples on Netlify. This works, but it would require creating and maintaining six separate repos and deployments (it would make sense if they are used outside this website).
Option 2 – Enhance with live coding (Sandpack)

• Use Sandpack to provide a code editor plus preview.
• This would require restructuring each project into a React component, as well as adjusting the text on the page (since code snippets would be duplicated in the Sandpack editor).
  While this adds interactivity, I’m not sure users really need the ability to edit the code—currently, the examples are only previews.

I presented Melissa with the options, and she chose option 1 — moving the interactive examples into the /public folder.
I'm opening a PR to apply these changes.