My Portfolio

This portfolio was designed as a showcase website and, at the same time, as a complete CMS: in addition to the public area with projects, details, and filters, there is an administrative panel for creating/editing content, support for three languages, light/dark themes, analytics, and cutting-edge SEO (Open Graph, Twitter Cards, JSON-LD, sitemap, and dynamic OG images). The goal is to centralize your case studies with a fast, accessible, and index-ready experience.

Technically, the project uses Next.js 16 + React 19 + TypeScript, with Server Components, ISR/SSG, Brotli/Gzip compression, and Web Vitals optimizations. Content and authentication are stored in Firebase (Firestore + Auth), images in Supabase Storage, PostHog logs events and navigation, and an AI assistant (Vercel AI SDK + OpenAI) helps generate multilingual project descriptions directly from the panel. Validation is done with Zod, and the UI combines Tailwind 4, shadcn/ui, and Radix UI. Key lessons learned include: organizing the App Router with public/admin routes, protection via authorized email, SEO pipelines per page, dynamic OG generation, content internationalization, and product-oriented observability (key events, funnel, and performance). The result is a modern, scalable, and easy-to-maintain database—ready to grow with new projects and metrics.