Path 2: Add AI Features

Integrate AI capabilities into your applications using JavaScript/TypeScript.

Choose Your Learning Style

• 🎯 Learn by Doing: Start with AI Chatbot project → reference guides when needed

• 📚 Learn by Content: Read API Integration Guide first → then build projects

Before You Start

New to AI/LLMs? Review these concepts first:

• LLM Fundamentals - Understanding Large Language Models
• API Comparison - Choosing the right API provider

Assumed Knowledge: HTTP, REST APIs, JSON, basic Node.js/npm, React/Next.js fundamentals

Path 2: Add AI Features

Integrate AI capabilities into your applications using JavaScript/TypeScript.

Week 1

API Fundamentals

Understand how to communicate with Large Language Models (LLMs) via API. Learn authentication, models, and token-based pricing.

API ComparisonOpenAIAnthropicLLM Basics

Week 1

Streaming UI

Users expect AI to "type" out answers. Learn to implement streaming with Vercel AI SDK and Server Sent Events.

Streaming GuideVercel AI SDKChat UI RecipeAI Chatbot Project

Week 2

RAG Patterns

Teach AI about your data. Implement Retrieval-Augmented Generation to ground AI responses in your documents.

RAG PatternEmbeddingsLlamaIndex TSRAG Search Project

Week 2

Tool Calling & Agents

Turn AI from a chatbot into an agent that performs actions. Implement function calling and tool use patterns.

Tool CallingMCP ProtocolGenerative UIAgent Patterns

Week 3

Production Features

Combine everything into polished features: smart form autocomplete, documentation Q&A bots, and error handling.

Form BuilderForm AutocompleteError HandlingAPI Proxy

Next Steps

Ready for Path 3? → Path 3: Mastery

Need troubleshooting? → Error Handling Cookbook