Workers + Stytch TODO App MCP Server
About
This is a Cloudflare Workers application that combines a React/Vite static website, a Hono REST API backed by Workers KV, and a Model Context Protocol (MCP) server built on Workers Durable Objects. It uses Stytch Consumer authentication to manage user identity and demonstrates…
Details
- Author
- stytchauth
- GitHub stars
- 27
- Downloads
- 418
- Categories
- Productivity
Jump to
- Composes React frontend, Hono API, and MCP server.
- User authentication via Stytch Consumer product.
- Data stored in Workers KV and Durable Objects.
- One-click deploy to Cloudflare Workers.
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Workers + Stytch TODO App MCP ServerCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Set up a Stytch account and configure environment variables for your project ID, secret, and domain. After installing dependencies, run npm run dev to start locally; the MCP server is available at http://localhost:3000/mcp. Test it with the MCP Inspector using Streamable HTTP transport. Deploy to Cloudflare Workers via the provided Deploy to Cloudflare button or manually by creating a KV namespace, uploading secrets with npx wrangler secret bulk, and running npm run deploy.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"workers + stytch todo app mcp server": {
"mcp-stytch-consumer-todo-list": {
"command": "npx",
"args": [
"@modelcontextprotocol/inspector@latest"
]
}
}
}
}McpServers
{
"mcp-stytch-consumer-todo-list": {
"command": "npx",
"args": [
"@modelcontextprotocol/inspector@latest"
]
}
}Workers + Stytch TODO App MCP Server
This is a Workers server that composes three functions:
A static website built using React and Vite on top of Worker Assets
A REST API built using Hono on top of Workers KV
- A Model Context Protocol Server built using on top of Workers Durable Objects
User and client identity is managed using Stytch. Put together, these three features show how to extend a traditional full-stack application for use by an AI agent.
This demo uses the Stytch Consumer product, which is purpose-built for Consumer SaaS authentication requirements.
If you are more interested in Stytch's B2B product, see this demo instead.
Set up
Follow the steps below to get this application fully functional and running using your own Stytch credentials.
In the Stytch Dashboard
1. Create a Stytch account. Within the sign up flow select Consumer Authentication as the authentication type you are interested in. Once your account is set up a Project called "My first project" will be automatically created for you.
2. Navigate to Frontend SDKs to enable the Frontend SDK in Test
3. Navigate to Connected Apps to enable Dynamic Client Registration
4. Navigate to Project Settings to view your Project ID and API keys. You will need these values later.
On your machine
In your terminal clone the project and install dependencies:
git clone https://github.com/stytchauth/mcp-stytch-consumer-todo-list.git
cd mcp-stytch-consumer-todo-list
npm i
Next, create an .env.local file by running the command below which copies the contents of .env.template.
cp .env.template .env.local
Open .env.local in the text editor of your choice, and set the environment variables using the public_token found on Project Settings.
```
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
