Next.js Supabase Portfolio Site

I’m ready to turn my design work into a live, minimalist portfolio powered by Next.js and Supabase. The look should stay clean and neutral so the projects themselves stand out, yet the site still needs subtle motion and micro-interactions that give it a modern, dynamic feel.

Core structure
• About Me – quick bio, photo and downloadable résumé
• Projects – database-driven grid and individual case-study pages that I can add or edit from Supabase
• Contact – simple form that writes to Supabase and triggers an email notification (any lightweight service is fine)

Key requirements
• Fully responsive layout and smooth page transitions (Framer Motion, GSAP or your go-to library)
• Supabase auth so I can log in and manage content securely
• Image handling with Next.js Image for fast loading and proper art-direction
• SEO-ready: semantic markup, open-graph tags, sitemap
• Deployed on Vercel (preferred) with clear environment variable setup

Deliverables
1. GitHub repository with well-commented code and a README covering local setup, env vars, and deployment steps
2. Supabase SQL/seed file so all tables and sample content spin up in one click
3. Final live site link for review
4. One brief hand-off call or Loom walkthrough highlighting how to add projects and tweak copy

Acceptance criteria
• Pages render flawlessly across Chrome, Firefox, Safari, Edge, and mobile browsers
• Lighthouse score 90+ in Performance and Accessibility out of the box
• All CRUD actions for Projects function through Supabase without errors
• Contact form entries appear in the database and send the notification email

If you’ve shipped similar Jamstack portfolios before and can match this minimalist, neutral aesthetic while keeping the codebase clean, let’s get started!
here portfoilo for ref:https://www.behance.net/haseena_akhtar