Vue
Learn how to deploy a Vue.js app with Ink using a simple prompt.
Create an Ink account and connect Ink
Make sure you have an Ink account and have set up Ink for your agent. Use the CLI, the Ink Skill, or MCP. For MCP auth, choose:
- OAuth — authenticate through a browser flow, no keys to manage
- Token — create an API key at deployink.com/account/api-keys
See Quick Start for full setup instructions.
Verify the connection
Once Ink is connected, confirm your agent can reach it by asking it to check.
Do you have Ink connected?
Create a Vue app
Ask your agent to scaffold a new Vue project. If you already have a Vue app in the current directory, skip this step and go straight to deploying.
Create a Vue 3 app with a todo list that persists to localStorage. Use the Composition API and Tailwind CSS.
Deploy with Ink
Tell your agent to deploy. The agent will create a git repository on Ink's internal git (or your connected GitHub), push the code, and call service_create to trigger a build.
Vue/Vite apps build to static files — Ink runs the build command then serves the dist directory via nginx.
Deploy with Ink
repo_create(
"name": "vue-todo"
)service_create(
"name": "vue-todo",
"repo": "ink/vue-todo",
"build_pack": "railpack",
"publish_directory": "dist"
)Visit your website
Ink returns a live URL once the build completes. Visit it to see your app running in production.
Check logs and metrics (optional)
Ask your agent to pull build logs, runtime logs, or metrics for your deployed service.
Check metrics and logs
service_get(
"name": "vue-todo",
"deploy_log_lines": "50",
"runtime_log_lines": "50"
)That's it — your Vue app is deployed and live. From here you can add a custom domain, set up environment variables, or explore more examples.