✨ SaaS Code Editor - Next.js 15 ✨

Watch Full Tutorial on Youtube

Highlights:

🚀 Tech stack: Next.js 15 + Convex + Clerk + TypeScript
💻 Online IDE with multi-language support (10 languages)
🎨 Customizable experience with 5 VSCode themes
✨ Smart output handling with Success & Error states
💎 Flexible pricing with Free & Pro plans
🤝 Community-driven code sharing system
🔍 Advanced filtering & search capabilities
👤 Personal profile with execution history tracking
📊 Comprehensive statistics dashboard
⚙️ Customizable font size controls
🔗 Webhook integration support
🌟 Professional deployment walkthrough

Setup .env file

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=

Add these env to Convex Dashboard

CLERK_WEBHOOK_SECRET=
LEMON_SQUEEZY_WEBHOOK_SECRET=

Run the app

npm run dev