I've already shown off tech-playground.com a while ago. It's basically a CodePen for server tech like NGINX, Caddy, Jinja, Go Template and many more tools.

To make it even more useful I've now create a JavaScript widget that allows anyone to embed interactive playgrounds into blog posts, docs and more.

Just load a bit of JS, wrap your existing code blocks into <tech-playground playground="nginx"></tech-playground> and you're off to the races!

On top there is a bunch of customizations for the controls and output, to make things work just like you want.

I'd love to hear what you think and where I should take this next :)

Ps: The JS client is fully open-source already, if you want to check it out: https://gitlab.com/mkamner/tech-playground-headless