React
Learn how to deploy a React project with Ink MCP using a simple prompt.
Create an Ink account and connect MCP
Make sure you have an Ink account and have connected Ink MCP to your agent. There are two ways to connect:
- OAuth — authenticate through a browser flow, no keys to manage
- Token — create an API key at ml.ink/account/api-keys
See Quick Start for full setup instructions.
Verify the connection
Once the MCP server is connected, confirm your agent can reach it by asking it to check.
Do you have Ink MCP connected?
Create a React app
Ask your agent to scaffold a new React project. If you already have a React app in the current directory, skip this step and go straight to deploying.
Create a React app about Koala bears.
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 create_service to trigger a build.
Deploy with Ink
create_repo(
"name": "koala-bears"
)create_service(
"name": "koala-bears",
"repo": "ink/koala-bears",
"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
get_service(
"name": "koala-bears",
"deploy_log_lines": "50",
"runtime_log_lines": "50"
)That's it — your React app is deployed and live. From here you can add a custom domain, set up environment variables, or explore more examples.