Skip to main content

Multi-service apps

Some projects run more than one process — for example a website and an API server. Workspace — chat on the left, Preview or Code on the right

Preview picker

On a laptop, the picker is the dropdown in the preview address bar (Switch what you’re previewing). It appears only when more than one service is running. When both kinds of services are running, the menu is grouped into:
  • Websites — browser-facing apps (a Main label marks the primary web app)
  • Servers — APIs and backends
Pick the service you want to inspect. The address bar follows the active preview. An amber dot means that service is not healthy yet. If only one service is running, there is no dropdown. This control is not on phone-width Mythex (the preview toolbar is hidden). See Using Mythex on a phone.

Publish

Publishing snapshots the project. Container backends can deploy as Fly apps (including extra services when the run config defines them). You get one live public URL for the app people open — not a separate “staging vs production” toggle in Publish.

Tips

  • Ask the agent clearly: “add an API server and keep the Vite front end”
  • Use App Testing against the live preview after big changes
  • For Dockerfile backends, see How the tech is chosen