ADK Utils Example
Build powerful AI chat applications with Google ADK, Next.js 16, and custom Ollama model support.
What is ADK Utils Example?
ADK Utils Example is a production-ready chat application that demonstrates how to integrate Google Agent Development Kit (ADK) with Next.js 16 and React 19. It showcases the power of@yagolopez/adk-utils, a utility package that extends ADK with Ollama model support and service helpers.
Quick Start
Get your chat app running in under 5 minutes
Installation
Step-by-step installation and setup guide
Agent Tools
Explore built-in tools for time, diagrams, and code
API Reference
Complete API documentation for all components
Key Features
Google ADK Integration
Build AI agents with Google’s official Agent Development Kit and custom Ollama model support
Modern Stack
Next.js 16, React 19, TypeScript, and Tailwind CSS 4 for cutting-edge development
Streaming Responses
Real-time streaming responses with markdown rendering and syntax highlighting
Mermaid Diagrams
Generate flowcharts, sequence diagrams, and more with built-in Mermaid.js support
Rate Limiting
Built-in rate limiting with @tanstack/react-pacer to protect your resources
Custom Tools
Extensible agent tools for time retrieval, code viewing, and diagram creation
Tech Stack
This project leverages modern technologies to deliver a high-performance chat experience:- Framework: Next.js 16 with App Router and React 19
- AI Core: @google/adk for agent orchestration
- Utilities: @yagolopez/adk-utils for Ollama integration
- AI SDK: Vercel AI SDK for streaming and UI components
- Styling: Tailwind CSS 4 with modern design patterns
- Markdown: Streamdown for rich content rendering
- State Management: React Hooks + TanStack Pacer for rate limiting
Quick Example
Here’s how simple it is to create an AI agent with custom tools:app/agents/agent1.ts
Ready to Build?
Quickstart Guide
Follow our quickstart to get your chat app running
Architecture Deep Dive
Learn how the application processes requests