AI Tutorials
Tutorials are end-to-end walkthroughs: start here when you want to build something, not just read about it.
Available Tutorials
Streaming Chat in Next.js
Add a streaming chat UI to an existing App Router project using the Vercel AI SDK. Covers route handler, client hook, rate limiting, and production checklist.
Build an MCP Server
Write a Python FastMCP server from scratch, test it with the MCP inspector, connect it to Cursor, and harden it for team use.
Prerequisites
Both tutorials assume:
- Node.js 20+ installed
- An existing or new Next.js 14+ project (App Router)
- An API key from Anthropic or OpenAI
The MCP Server tutorial also requires Python 3.11+ and uv or pip.
Where to Go Next
After finishing a tutorial, these guides go deeper on each topic:
| Tutorial | Next steps |
|---|---|
| Streaming Chat | LLM APIs and Tool Calling, Anthropic API, OpenAI API, RAG for Codebases |
| MCP Server | Building MCP Servers, Agentic Workflows |