Create interactive coding tutorials powered by WebContainer API - runs entirely in the browser!
👉 DEPLOY NOW 👈
Or view the interactive deployment page:
👉 DEPLOY_NOW.html 👈
| Document | Purpose |
|---|---|
| START_HERE.md | 👈 Begin here - Quick start guide |
| DEPLOY_NOW.html | Interactive deployment page |
| SETUP_GUIDE.md | Complete step-by-step setup |
| QUICK_DEPLOY.md | Quick reference card |
| DEPLOYMENT.md | Comprehensive deployment guide |
| PRODUCTION_CHECKLIST.md | Post-deployment validation |
An interactive coding tutorial platform that runs entirely in the browser:
- ✅ Live Code Editor - Monaco editor with syntax highlighting
- ✅ Integrated Terminal - Full terminal access in browser
- ✅ File System - Virtual file system with WebContainer
- ✅ Live Preview - Real-time preview of changes
- ✅ No Backend - 100% client-side, powered by WebContainer API
- Educators: Create interactive programming courses
- Companies: Onboard developers with hands-on tutorials
- Content Creators: Build engaging technical content
- Developers: Showcase projects with live demos
FREE - Runs on Vercel's free tier
- No credit card required
- No server costs
- Global CDN included
This repository is production-ready with:
✅ Full WebContainer API support
✅ Security headers configured (COOP/COEP)
✅ CI/CD pipeline (GitHub Actions)
✅ CDN caching strategy
✅ Zero-downtime deployment
✅ Comprehensive documentation
Click: https://vercel.com/new/clone?repository-url=https://github.com/christophernemala/tutorialkit
npm i -g vercel
git clone https://github.com/christophernemala/tutorialkit.git
cd tutorialkit
vercel --prodchmod +x deploy.sh
./deploy.sh- Lighthouse Score: 95+ (all categories)
- First Contentful Paint: < 1.5s
- Time to Interactive: < 3.5s
- Build Time: 5-10 minutes (first deploy)
- HTTPS enforced
- Cross-origin isolation enabled
- Security headers configured
- WebContainer sandboxing
- Deploy - Click the deploy button above
- Verify - Check your deployment URL works
- Customize - Add your branding and content
- Create - Build your first tutorial
Full guide: START_HERE.md
- Documentation: See files listed above
- Issues: https://github.com/christophernemala/tutorialkit/issues
- Original Project: https://tutorialkit.dev
MIT License - see LICENSE file
- TutorialKit by StackBlitz
- WebContainer API by StackBlitz
- Deployment Config by Christopher Nemala
Production Ready - Configured and ready to deploy
Repository: christophernemala/tutorialkit
Last Updated: 2026-01-29
Ready to deploy? Click the button at the top! 🚀