WORKSPACE STARTER

Frontend playground

A ready-to-edit React interface with Vite, TypeScript and a forwarded preview. A useful home for your next small web app.

⌄ YOUR STARTING FILES6 files

my-workspace/
├── .devcontainer/
│   └── devcontainer.json
├── src/
│   ├── App.tsx
│   └── style.css
├── package.json
└── README.md

A small starting point. Your project can grow from here.

A workspace that remembers.

Source files and installed tools live on a persistent disk. When you stop the compute, your files remain until you delete the workspace. Commit and push important changes to your own repository.

Editor + terminal

A browser editor, integrated terminal, file explorer and Git controls in one place.

Preview ports

Forward the app’s listening port. Preview links stay private until you change their visibility.

Make it reproducible.

Check a workspace configuration into your repository. Runtime versions, extensions and setup commands travel with the code.

{
  "name": "Frontend playground",
  "image": "node:22-bookworm",
  "forwardPorts": [5173],
  "postCreateCommand": "npm install"
}

What happens when I stop a workspace?

Compute metering stops. The persistent disk remains allocated and counts toward your plan’s storage allowance. Previews become unavailable until the workspace starts again.

Can I use my own editor?

The browser editor is the default. SSH access is part of the Team plan; access requires an approved SSH public key.