Deploy Vue to thin.host

Build a create-vue (Vite) app to dist/ and deploy it to thin.host from your agent or curl. thin.host serves the static files and gives you a live URL right away. Your agent can do every step for you through the thin.host MCP server, or you can run one curl command.

At a glance

Before you start

• Requires: Node.js 22.18+ or 24.12+ (create-vue's current requirement).
• A thin.host account. Sign up, then create an API key under Settings (for curl and the local MCP server), or connect your agent with OAuth as shown in Quickstart (MCP).

Create a project (skip if you have one)

npm create vue@latest

Set the base path

Until a domain points at it, a thin.host site lives under a sub-path: https://thin.host/s/<slug>/. create-vue projects build with Vite, so the base can be passed on the command line. The generated router already follows it:

// src/router/index.js
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes,
});

Pick the slug (my-site here) before you build the preview, and pass the same slug when you deploy.

Build

npm run build

The finished site is in dist/. That folder is what you deploy.

Deploy from your agent (MCP)

Connect thin.host to Claude Code, Claude Desktop, Cursor, VS Code, Windsurf, Codex or ChatGPT once (setup for each client), then ask:

Build this Vue project for thin.host with the slug my-site and publish the dist/ folder.

With the local server (uvx thinhost-mcp) the agent runs the build and calls publish_website with the absolute path of dist/; large builds are split across requests automatically. Later changes go out with update_website and sync=true, which also removes files the new build dropped.

The hosted connector (https://thin.host/mcp, used by claude.ai and ChatGPT) cannot read your disk. From a coding agent it uploads with the REST call below; otherwise it publishes from a public link to a zip or HTML file with publish_website_from_url.

Deploy with curl

cd dist && zip -r ../site.zip . && cd -
curl -F file=@site.zip -F title="My Vue site" -F slug=my-site \
  -H "Authorization: Bearer $THINHOST_API_KEY" \
  https://thin.host/v1/websites/archive

The JSON response includes url, the live address (https://thin.host/s/my-site/). To redeploy, upload the new zip to the site's archive endpoint; pages and assets missing from it are removed:

curl -F file=@site.zip \
  -H "Authorization: Bearer $THINHOST_API_KEY" \
  https://thin.host/v1/websites/my-site/archive

A single upload can be up to 30 MB. See the REST API reference for every field.

Add a custom domain

1. Open the site in the dashboard and add your hostname under Custom Domains, for example www.example.com. A <name>.thin.host subdomain is free and works immediately.
2. Create the DNS record the dashboard shows: a CNAME pointing at cname.thin.host. TLS is issued automatically once DNS resolves.
3. Rebuild with the base path / (npm run build) and redeploy.

Pages on a custom domain get a canonical tag, a generated robots.txt and a sitemap.xml.

Vue notes

• Vue Router's HTML5 history mode needs a fallback for deep links: copy dist/index.html to dist/404.html before deploying, or use createWebHashHistory().

FAQ

Sources

Commands and options checked against the official Vue docs on 2026-10-14:

• Vue: Quick start
• Vue Router: Different history modes
• Vite: shared options, base

Other frameworks: all deploy guides. Coming from another host? Compare thin.host.