Skip to content
Frontend

Welcome to Frontend

Frontend is a cloud platform for building web apps with terminal coding agents. Open a project and you get a running Node.js sandbox, a live preview of your app, and a terminal with Claude Code, Codex, OpenCode or Pi ready to work on the code. When you’re happy with it, deploy it with one click and point your own domain at it.

Frontend doesn’t run its own AI. The agents sign in with your own accounts — a Claude subscription, a ChatGPT plan, or an API key from a model provider — so you choose the agent and the model, and Frontend doesn’t charge for AI usage.

What you get

Section titled “What you get”
  • Terminal agents — Claude Code, Codex, OpenCode and Pi, running against your project with its files, dev server and MCP servers already set up.
  • Sandboxes — every project runs in a sandbox: an instant, free browser runtime, or a server runtime with a 2 vCPU / 4 GB Linux machine.
  • Instant previews — your app’s dev server runs as you work, with hot reload, and you can point an agent at any element on the page.
  • MCP integrations — every project comes with MCP servers for its database, media and image generation, plus tools for the services you connect, like Shopify, Stripe, Figma, Supabase and GitHub.
  • 1-click deploys — publish to production, share previews, and serve your app from a custom domain.
  • Any Node framework — start from Next.js, TanStack Start, Vite + Hono, Astro, React Router or Express, or import an existing Node.js project from GitHub.

How it works

Section titled “How it works”
  1. Create a project from a framework starter or a GitHub repository, and choose its runtime.
  2. Open an agent from the sidebar and sign in with your own account the first time.
  3. Describe the change. The agent edits the files, installs packages and checks its work while the preview updates.
  4. Save the changes to create a version, and sync them to GitHub if you’ve connected it.
  5. Publish to production when you’re ready.

Start with the Quick Start →

Integrations

Section titled “Integrations”

Connect services from the project’s Integrations menu. Each one writes the environment variables your app needs and gives the agents tools to work with it:

Build on Frontend

Section titled “Build on Frontend”
  • Frontend Cloud gives a project its own SQL database, media storage and form handling.
  • The REST API manages projects, files, versions, environment variables, domains and deploys over HTTP.