Skip to content

Repository files navigation

✨ SaaS Code Editor - Next.js 15 ✨

image

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 VS Code themes
  • ✅ Smart output handling with Success & Error states
  • 🔄 Flexible pricing with Free & Pro plans
  • 🤝 Community-driven code-sharing system
  • ⚙️ Advanced theme & editor customization capabilities
  • 🔍 Personal profile with execution history tracking
  • 📊 Comprehensive statistics dashboard
  • 🔔 Webhook integration support
  • 🎓 Professional deployment walkthrough

Setup .env file

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CONVEX_URL=

## Add these env to Convex Dashboard:
CLERK_WEBHOOK_SECRET=
LOGIN_SECURITY_WEBHOOK_SECRET=


##Run Command
pnpm run dev


##Convex run command
npx convex dev

Releases

Packages

Contributors

Languages