Crescendo Lab

Vue deploy guide · Agent Lab Deploy

Deploy Vue
in one sentence.

Upload your Vue project as it is — no Dockerfile — or tell Claude Code, Codex or Cursor "deploy this". Agent Lab builds it into a static web page on the CDN, gives every version a preview URL with rollback, and checks uploads for leaked keys. Apps and databases run on Google Cloud in Taiwan.

Start freeSee the setup

Why deploy Vue on Agent Lab

Vue online without running a server yourself

JavaScript / TypeScript project, built from source with no Dockerfile, deployed as a static web page on the CDN.

No Dockerfile

The platform detects Vue from package.json, picks the build and start commands, and lists the environment variables your code reads.

Preview, go live, roll back

Every upload is a new version with its own URL. Look first, then go live; switch back to any version in one click.

Leaked keys caught

Uploads are checked for API keys and credentials before they can go live. Secrets go in the console, never in the code.

PostgreSQL in one click

Create a database and connect it; the connection is written into the app's environment and the password is never shown.

Your options

Vue on Agent Lab, or on your own VPS

Scroll the table sideways.

Deploying Vue on Agent Lab compared with a self-managed VPS
What you care aboutAgent Lab DeployYour own VPS
SetupUpload or say one sentence; no DockerfileSSH, a runtime, a process manager, a reverse proxy
HTTPS and domainsAutomatic, custom domains on paid plansCertbot and DNS by hand
Preview and rollbackEvery version has its own URL; roll back in one clickWrite your own scripts
Before going liveUploads checked for leaked keysNothing unless you set it up
DatabasePostgreSQL in one click, connection written into the appInstall and back it up yourself
Cost to startFree plan: NT$0, one size-S app (sleeps when idle)A VPS at roughly NT$200–600 a month, plus your time

Steps

Deploy Vue in four steps

  1. Prepare

    Keep package.json at the top of the project and commit the lockfile. Leave out node_modules, .git, dist and .env.

  2. Upload or ask

    Drop the folder on a project's Deploy tab, push from GitHub, or ask your AI tool through Agent Lab MCP.

  3. Build and check

    The platform builds the version and checks it for leaked keys. Enter any secrets it lists in Settings.

  4. Preview and go live

    The first version goes live once it builds. Later ones get a preview URL; go live when you're happy.

Setup

What Agent Lab runs for Vue

Vue projects (Vite or Vue CLI) deploy as a static web page on the CDN, and Vue Router's history mode works. For server rendering use Nuxt; the platform detects it the same way.

Detected

Build and start

# Agent Lab 偵測到 Vite + Vue(或 Vue CLI)後執行
# What Agent Lab runs once it detects Vite + Vue (or Vue CLI)
npm ci
npm run build      # vite build → dist/

# dist/ 放上 CDN;Vue Router 的 history mode 路由都回 index.html
  • VITE_* baked into the page at build time and visible to anyone; never put a secret here.
Prompt

Or ask your AI tool

Read https://app.agentlab.cresclab.com/agent/deploy.md and deploy this Vue project to Agent Lab. Show me the build plan and the environment variables it needs first, tell me where to enter any secrets, and wait for my OK before it goes live.

FAQ

Deploying Vue: questions

Do I need a Dockerfile to deploy Vue?
No. Upload the Vue project with package.json at the top and Agent Lab detects the framework, builds it and starts it. A Dockerfile at the top, if there is one, is used instead. Docs →
Vue or Nuxt?
For dashboards, tools and pages behind a login, Vue (Vite) as a static web page is enough. For SEO or server-side logic, deploy Nuxt as a web service.
Where do API keys and other secrets go?
In the project's Settings, under Secrets; the code reads them as environment variables. Random values such as session secrets can be generated in the console without anybody seeing them. A key found in an upload stops it before it goes live.
Can I deploy Vue from Claude Code or Codex?
Yes. Connect Agent Lab MCP once (one command, sign in in the browser, no API key), then say "deploy this Vue app". The tool creates the project, uploads, waits for the build and asks before going live. Connect MCP →
Is there a free way to host Vue?
The Free plan is NT$0: one size-S app that sleeps after 15 idle minutes, one size-S database, three static web pages, 100 build minutes and 5 GB of traffic a month, pausing at the limit instead of charging. Pro (US$29 a month before tax) keeps apps running and adds custom domains. Pricing →