Vite for Education, Using Vite in Vite to teach Vite and beyond
summary
Proof of concept interactive tutorial editor runs a real Vite dev server inside the browser using the WebContainers API so full Node, package.json installs, npm run dev and an iframe preview all work. Slides snapshot and diff the virtual filesystem, calling container.loadFiles, container.run and rm to update state. Editors use CodeMirror, SharedArrayBuffer requires cross‑origin isolation headers, and the demo code lives at tutor.dev — it works live in the demo.
AI-written summary · about
chapters (9)
- 0:00Introduction to Vite for Education
- 1:06Interactive tutorials in docs
- 2:10Web containers for realistic setups
- 3:34Building interactive slides
- 6:22Code execution with Web Container API
- 7:45Shared array buffer security
- 9:55Integrating web containers into slides
- 11:39Demo Tutor and future ideas
- 12:21Closing and ViteConf
