Welcome to the workshop! I am so glad you're here.
AI is changing how we write code, and you're about to become fluent in these new tools. We'll explore everything from basic AI integration to building sophisticated AI agents that can help with development tasks. Along the way, we’ll take a closer look at the Vercel AI SDK and how this can help developers build streaming interfaces with TypeScript and Next.js.
Make sure you have the following before the workshop begins:
- This repo cloned or downloaded.
- Each section has a start and complete folder.
- A code editor of some sort.
- Node.js version 20+
- Optional: An OpenAI API Key. (I will provide test keys to use, so no worries if you don't want to take this step.)
- Eve Porcello, eve@moonhighway.com, @eveporcello
Please don't hesitate to ask questions here before, during, or after class!
| Time | Activity | Length |
|---|---|---|
| 9:00-10:15 | Section 1 | 1hr 15min |
| 10:15-10:30 | Break | 15min |
| 10:30-12:00 | Section 2 | 1hr 30min |
| 12:00-1:00 | Lunch | 1hr |
| 1:00-2:15 | Section 3 | 30min |
| 2:15-2:30 | Break | 15min |
| 2:30-4:00 | Section 4 | 1hr 30min |
| 4:00 | End |
- LLM Foundations [/01-llm-foundations]
- Working with the OpenAI API
- Prompt Engineering Principles
- Developer Tools and Coding Assistants
- Lab: Job Interview [/02-llm-foundations-lab]
- Creating a Streaming Interface with Next.js [/03-generating-text]
- Understanding the AI SDK
- Generating Text
- Building Streaming Chat Interfaces [/04-streaming]
- Using Hooks
- Lab: Managing Context and Messages
- AI Agent Architecture and Planning [/05-ai-agents]
- Tool Calling and Selection
- Differences between Tools and Agents
- Building the Hiking Concierge App
- Multi-step reasoning [/06-advanced-agents]
- Lab: Adding Custom Tools to the Concierge
- Vercel AI Core: Text generation, structured objects, tools with LLMs
- Vercel AI SDK UI: Hooks for building chat interfaces
- Vercel AI RSC: Specific tools for React Server Component Architecture
- AI SDK Providers: Great documentation for various language model interfaces.