Skip to main content
Use this guide when you want to deploy a Vite frontend on Floo, the AI deployment platform for browser-facing apps.

1. Add a Dockerfile

FROM floo-base-node:22 AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM floo-base-node:22
WORKDIR /app
RUN npm install -g serve
COPY --from=builder /app/dist ./dist
EXPOSE 3000
CMD ["serve", "-s", "dist", "-l", "3000"]

2. Add Floo Config

[app]
name = "vite-demo"

[services.web]
type = "web"
path = "."
port = 3000
ingress = "public"
If you want the CLI to generate a starting config file first, run floo init vite-demo before replacing it with the final shape above.

3. Dry Run And Connect GitHub

floo auth login
floo deploy --dry-run --json
floo apps github connect owner/repo --app vite-demo

4. Watch The First Deploy

floo deploy watch --app vite-demo
floo apps status vite-demo

What You Get

  • a live frontend URL
  • GitHub-backed deploys for every future push
  • a clean path to add APIs, workers, or managed services later