Create interactive tutorials the easy way

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 Questions Answered

• •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.