✨ 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