A browser-based development environment manager for Hetzner Cloud. Spin up ephemeral cloud dev servers for AI-assisted coding with Claude Code — all from a single-page app with no backend.
- Cheap: Hetzner's hourly billing means a full day of development costs cents
- Fast: Servers ready in under a minute with your full dev environment
- Ephemeral: Spin up in the morning, delete at night — no state to maintain
- Private: Your API tokens never leave your browser
- Hetzner Cloud integration — list, create, rebuild, and delete servers via API
- Cloud-init generator — build user-data scripts from configurable profiles
- Profile management — save and switch between configurations
- QR code export — share cloud-init scripts
- WCAG AAA accessible — 7:1 contrast, keyboard navigation, reduced-motion support
- Theme support — dark and light themes with live switching
- Zero backend — runs entirely in browser, credentials in localStorage
# Install dependencies
pnpm install
# Start dev server
pnpm dev
# Run full quality checks
pnpm check
# Build for production
pnpm build
# Preview production build
pnpm preview- Add credentials: Enter your Hetzner API token in Credentials
- Configure: Set up SSH keys, chezmoi dotfiles repo, and git credential
- Create profiles: Save configurations for different server types
- Launch: Create a server — chezmoi sets up your full dev environment
- Code: Use Claude Code for AI-assisted development
- Clean up: Delete server when done
- User Guide — how to use Devbox
- Architecture — system design and module structure
- Security — security model, controls, and considerations
- ADRs — architecture decision records
| Component | Technology |
|---|---|
| Framework | Svelte 5 |
| Language | TypeScript (strict) |
| Styling | Tailwind CSS v4 |
| Build | Vite |
| Testing | Vitest + Playwright |
| Package Manager | pnpm |
| Deployment | GitHub Pages |
Run tests:
pnpm testWatch for changes:
pnpm devDeploys automatically to GitHub Pages on push to main via GitHub Actions.