chrisssp Portfolio

AI-Powered Digital Portfolio

A performant, bilingual portfolio built from scratch with Next.js App Router, featuring bilingual support, a project showcase with filtering, and an AI-powered assistant that answers questions about my work using RAG.

The Challenge

Challenge

Traditional portfolios are static — visitors browse and leave without engaging. I wanted a site that could answer questions dynamically.

Solution

An interactive portfolio with an AI chatbot using Groq and Gemini with RAG, bilingual i18n architecture, and optimized delivery for fast Core Web Vitals across all devices.

Ecosystem

Next.js Frontend

App Router with i18n, Server Components, streaming, and optimized images delivering fast Core Web Vitals across all devices.

NextJS

Tailwind CSS

AI Chatbot (RAG)

Custom chat API using AI SDK with Groq (primary) and Gemini (fallback), smart query classification, and token-budgeted RAG.

NextJS

Groq

Gemini AI

Bilingual Content System

i18n architecture with locale-specific dictionaries, auto-generated content JSON for the chatbot, and full bilingual support across all pages and metadata.

NextJS

Ready to Build Something Extraordinary?

I built this portfolio from scratch — from the AI chatbot to the bilingual i18n system. Let's talk about how I can bring that same care to your next project.