Workers + Stytch TODO App MCP Server

What is Workers + Stytch TODO App MCP Server?

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 how to extend a traditional full-stack app for AI agent interactions.

How to use Workers + Stytch TODO App MCP Server?

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.

Key features of Workers + Stytch TODO App MCP Server

• 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.

Use cases of Workers + Stytch TODO App MCP Server

• Build a todo list that AI agents can read and update.
• Prototype a consumer SaaS application with agentic interfaces.
• Learn how to add MCP support to existing web applications.

FAQ from Workers + Stytch TODO App MCP Server

What are the runtime dependencies?

The server runs on Cloudflare Workers. You need a Stytch account, Node.js, and npm for local development. Deployment uses Wrangler CLI.

How is authentication handled?

It uses Stytch Consumer authentication. You must enable the Frontend SDK and Dynamic Client Registration in the Stytch dashboard, then configure environment variables including the public token, project ID, secret, and domain.

Where does data live?

Todo data from the REST API is stored in Workers KV. The MCP server uses Workers Durable Objects for its state.

What transport does the MCP server use?

The MCP server is accessible via Streamable HTTP at /mcp. Use the MCP Inspector with that transport type and URL to test.

How do I deploy to Cloudflare Workers?

You can click the Deploy to Cloudflare button and configure environment variables after deployment, or follow manual steps: create a KV namespace, update wrangler.jsonc, upload secrets, then run npm run deploy.