Frontend Hosting
Deploy any frontend — React, Vite, Next.js, or any static SPA — to a global edge network. Every project gets a free your-project.dypai.app subdomain with automatic HTTPS. On the Pro plan you can also connect your own custom domain.
Built for AI-driven development
The fastest way to deploy is from your IDE. Just tell your AI assistant "deploy my app" and it handles the rest through the HeroMate MCP.
Frontend dashboard navigation
The Frontend area in the Ship group has four sub-items:
- Overview — site URL, device preview, deploy button, ZIP download, GitHub link, and the usage bar.
- Deployments — full deploy history, build logs, and 1-click rollback. See Deployments, Versions & Rollback.
- Variables — frontend build vars (public) and encrypted Backend Secrets.
- Domains — connect a custom domain (Pro) with automatic SSL. See Custom Domains.
What you get
Global edge network
Your app is served from hundreds of locations worldwide. Fast loads everywhere.
Automatic HTTPS
SSL certificates issued and renewed automatically for every domain.
Custom domains (Pro)
Connect your own domain with a single CNAME record. Requires the Pro plan; Free is subdomain-only.
Variables & secrets
Public build-time env vars for the browser, plus encrypted Backend Secrets for runtime.
Versions & rollback
Every deploy is versioned in the Deployments sub-item. Roll back to any previous build in one click.
Automatic builds
Push your source and your app builds and goes live in about a minute.
How to deploy
1. From your IDE (recommended)
If you installed the HeroMate MCP (Cursor, Claude Code, Windsurf, Codex, and others), just ask:
"Deploy my app"
Your AI assistant will package your project, trigger the build, and give you the live URL.
First time?
Run npx @dypai-ai/install in your project folder. It walks you through picking your IDE, connects your HeroMate account via browser, installs the SDK, and adds the instructions file for the agent.
2. From the dashboard
Open the Frontend tab in your project dashboard. From the Overview sub-item you can:
- Upload a ZIP of your build output
- Preview the live site in mobile, tablet, or desktop sizes
- See the site URL, download a ZIP, open the GitHub link, and check the usage bar
To manage versions and roll back, open the Deployments sub-item — see Deployments, Versions & Rollback.
3. From your own GitHub workflow
If your project repo is connected, every push to main triggers a build automatically. You manage the source — HeroMate handles the build and deploy.
Build process
Upload or push
You send the source of your app (from the IDE, ZIP, or a Git push).
Automatic build
HeroMate detects your framework (Vite, Next.js, Create React App, static, etc.), installs dependencies, and runs your build command. You don't need to configure anything.
Global deploy
The built output is distributed to the edge network. Your site is live at your-project.dypai.app in about a minute.
Health check
HeroMate verifies the new version responds correctly. If something goes wrong, the deploy is automatically retried.
Starter templates
When you create a project, you can start from a ready-made template:
| Template | What's included |
|---|---|
| Landing + admin | Public landing page + contact form + admin panel for leads |
| Auth app | Sign up, log in, password recovery, dashboard with protected routes |
| Private app | Login only — the admin creates users, no public signup |
| Blank | SDK pre-connected. Build anything from scratch |
All templates include React + Vite + TypeScript + Tailwind CSS, the @dypai-ai/client-sdk, and MCP configuration for your IDE.
You can also browse the template marketplace inside the dashboard to start from community projects — clinic management, CRMs, e-commerce, and more.
Limits
| Free subdomain | your-project.dypai.app (auto HTTPS) on every plan |
| Custom domains | Pro plan only — up to 5 per project (Free is subdomain-only) |
| Build time | Generous per-build timeout; very long builds are cut off |
| Deploy size | Large build outputs are supported; extremely large bundles may be rejected |
| Build minutes | Counted against your workspace plan — see Usage |
Need custom domains or more capacity? See Pricing and Plans & AI Credits.