React + Express API
Learn how to deploy a React frontend with an Express backend using Ink.
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?
Build the app
Ask your agent to create a full-stack task management app. The agent will scaffold both a React frontend and an Express API backend.
Build a task management app with a React frontend and Express.js backend API. The frontend should call the API for all data operations.
Deploy with Ink
Tell your agent to deploy. The agent deploys the backend first, retrieves its live URL, then deploys the frontend with that URL as an environment variable — all from a single prompt.
Deploy to Ink
service_create(
"name": "tasks-api",
"repo": "ink/tasks-api",
"build_pack": "railpack",
"ports": {
"0": "[object Object]"
}
)service_get(
"name": "tasks-api"
){
"url": "https://tasks-api-abc123.deployink.com"
}service_create(
"name": "tasks-frontend",
"repo": "ink/tasks-frontend",
"build_pack": "railpack",
"publish_directory": "dist",
"env_vars": {
"0": "[object Object]"
}
)Visit your app
Ink returns live URLs for both services. The frontend talks to the backend API over HTTPS using the VITE_API_URL environment variable.
Check logs and metrics (optional)
Ask your agent to pull build logs, runtime logs, or metrics for either service.
Check metrics and logs for both services
That's it — your full-stack app is deployed and live. From here you can add custom domains, set up environment variables, or explore more examples.