
Create interactive tutorials the easy way
JS PartyAI Summary
→ WHAT IT COVERS Tomek Salkowski from StackBlitz introduces Tutorial Kit, an open source framework for creating interactive coding tutorials using web containers technology in browsers. → KEY INSIGHTS - **Tutorial Creation:** Run `npm create tutorial` to scaffold interactive tutorials with markdown lessons and live code environments, eliminating complex setup requirements for educators. - **Template System:** Use shared templates folder to avoid copying boilerplate code across lessons, with configuration inheritance from tutorial to chapter to lesson levels. - **Web Containers:** Node.js runs natively in browsers using existing V8 engine, often outperforming local setups by eliminating multiple browser instances and Electron overhead. - **Static Deployment:** Built on Astro, tutorials compile to static sites deployable anywhere that hosts HTML files, requiring only specific headers for web container functionality. → NOTABLE MOMENT StackBlitz engineers became Node.js specification experts while implementing web containers, spending weeks perfecting event loop differences between browser and Node.js environments for compatibility. 💼 SPONSORS [{"name": "Fly.io", "url": "https://fly.io"}, {"name": "WorkOS", "url": "https://workos.com"}, {"name": "Notion", "url": "https://notion.com/jsparty"}] 🏷️ Tutorial Development, Web Containers, Interactive Learning, Developer Tools