Personal Website Project

This project showcases a modern approach to building personal academic websites with integrated AI capabilities.

Overview

The website features:

• Git-based content management
• AI-powered search and chat
• Interactive knowledge graphs
• Responsive design with dark mode

Technology Stack

• Frontend: Next.js with App Router, React, TypeScript
• Styling: Tailwind CSS, shadcn/ui components
• Content: MDX with Contentlayer for static generation
• Database: Supabase with pgvector for embeddings
• Deployment: Vercel for automatic deployments

Key Features

Content Management

• Markdown/MDX files in Git for publications and projects
• Automatic content indexing and embedding generation
• Support for rich media including images, videos, and PDFs

AI Agent

• Context-aware chat interface on every page
• Semantic search across all content
• Graph visualization tools
• Media preview capabilities

Architecture

The application follows a modern JAMstack approach with:

1. Static generation for optimal performance
2. Dynamic API routes for search and AI features
3. Edge functions for content processing
4. CDN distribution for global availability