It sounds like you've built a fascinating tool that leverages both the power of artificial intelligence and the robust capabilities of the Notion API through its Model Context Protocol (MCP). Let's break down some key aspects of your project:
Architecture Overview
-
User Interface:
- The user interacts with NoteRunway via a browser-based interface, which is built using React components.
- This UI communicates with server-side logic through Next.js API routes.
-
Server-Side Logic (Next.js):
- Handles the communication between the client and various backend services.
- Uses Server-Sent Events (SSE) to stream data back to the browser in real-time.
-
Vercel AI SDK:
- Integrates with multiple AI providers, allowing NoteRunway to leverage different models for its intelligence layer.
- Provides a unified interface for streaming text and calling tools through these AI services.
-
Notion MCP Client (MCPClient):
- Facilitates communication between the Vercel AI SDK and the Notion MCP server.
- Ensures that any destructive actions are safe by requiring explicit user approval before execution.
-
Notion API:
Read the full article at DEV Community
Want to create content about this topic? Use Nemati AI tools to generate articles, social posts, and more.

![[AINews] The Unreasonable Effectiveness of Closing the Loop](/_next/image?url=https%3A%2F%2Fmedia.nemati.ai%2Fmedia%2Fblog%2Fimages%2Farticles%2F600e22851bc7453b.webp&w=3840&q=75)



