✨ 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