Back to Projects
DevPilot

DevPilot

Mar 2026

Next.jsTypeScriptWebContainersMonaco EditorXterm.jsPrismaMongoDBZustand

DevPilot is an AI-powered, web-based IDE built with Next.js and the WebContainers API. It integrates Monaco Editor and Xterm.js to execute full-stack Node.js environments directly in the client — no local setup, no remote VMs. You open a tab and you're running servers.

The AI coding assistant is built on the Groq API (Llama 3), tuned for low latency so inline suggestions feel instant rather than interruptive. Suggestions render inside a responsive Tailwind and shadcn/ui workspace, with Zustand handling editor state and Prisma + MongoDB persisting projects.

The goal was simple: collapse the distance between having an idea and running code. Everything — file tree, editor, terminal, preview — lives in one browser tab and accelerates developer productivity from the first keystroke.

  • Full Node.js runtime in the browser via WebContainers
  • Monaco Editor + Xterm.js: real editor, real terminal
  • Low-latency inline AI suggestions (Groq / Llama 3)
  • Responsive Tailwind + shadcn/ui workspace