Personal Portfolio

Completed

Description

Personal portfolio website built with Next.js 16 and Supabase, featuring a dynamic content management system and a minimalist design.

Details

  • Minimalist design system with neutral palette, generous spacing, and lightweight typography
  • Dynamic content powered by Supabase — projects, certificates, skills, and profile managed from custom backoffice
  • SSH-style terminal animation in hero section showing stack and stats
  • Project drawer with full details, technologies, and links
  • Animated stat counters and scroll-based fade-in transitions
  • Tab-based Explore section (Projects, About, Certificates)
  • Contact form that saves messages directly to Supabase
  • Full backoffice with Supabase Auth — manage projects, certificates, skills, profile, and messages
  • Role-based route protection via Next.js proxy middleware
  • Fully responsive design
  • README parser powered by Claude API — paste any README to auto-fill the project form

Technologies

Next.js 16TypeScriptTailwind CSS v4SupabasePostgreSQLLucide ReactVercelClaude API

Lines of code

8,410

Personal Portfolio — Lautaro Boffi