Hey folks,
For learning how to code, there's nothing better than... coding! I've been exploring the TutorialKit framework from StackBlitz lately. It lets authors create interactive courses mixing text content, a code base, and a live preview using webcontainer. The cool thing is that webcontainer allows to run not only client-side technologies in your browser, but also server-side runtimes like Node.js and thus Next.js, with no install!
I've been writing 3 interactive lessons so far, published on https://nextpatterns.dev/
Each lesson is a programming pattern that you can reuse to solve various issues met in real life projects: streaming a file, avoiding UI layout shift, securing your app against CSRF vulnerabilities...
The format turned out to work very well. At the moment, the only issue is that the starting time is quite slow, due to Next.js downloading the Rust SWC lib that is reatively big, and doesn't seem to be cached with this system. I hope Next.js 15 will run a bit faster, but otherwise it works smooth.
Hope you'll like the idea!
