← Back to Projects

Portfolio Agent Hub

Next.jsVercel AI SDKOpenAITailwind CSS

OVERVIEW

A portfolio website with an embedded AI assistant that answers visitor questions about projects, skills, experience, and availability in real time. The assistant uses tool-calling to query structured data, providing accurate, contextual responses rather than generic AI output.

ARCHITECTURE

The app uses Next.js App Router for content delivery and a server-side chat endpoint powered by Vercel AI SDK. Typed tool interfaces expose project, skills, and availability data as structured functions. The client chat UI streams model output while preserving session context for follow-up questions.

FUNCTIONALITY

HOW IT WORKS

User prompts are sent to the server route, where the model can call typed tools instead of guessing. Tool results are merged into the response context, then streamed back token-by-token to the UI. The prompt scaffold is generated from current portfolio content so answers stay grounded and maintainable.

OUTCOMES