Personal site and digital resume: Next.js 16, React 19, Tailwind CSS v4, motion, Mermaid, shadcn/ui, Biome. Showcases four full-stack case studies (BioVerify, Bet2Gether, Forge, GavL) with deep-dive project pages and a long-form BioVerify article.
Live: siegfried-bozza-portfolio-next.vercel.app
- Landing hero + featured projects grid
- About — work experience (software + earlier career), education, skills badges, external links, CV (Global + APAC)
- Projects — per-slug detail pages with carousels, Mermaid diagrams, stack badges, honest limitations & roadmaps
- Articles — index at
/articles+ BioVerify architecture article at/articles/bioverify - Dark / light theme, Vercel Analytics
| Area | Packages |
|---|---|
| Framework | [email protected], [email protected] |
| Styling | tailwindcss@^4, tw-animate-css, class-variance-authority |
| UI | Radix primitives, lucide-react, embla-carousel-react |
| Content | mermaid@^11 (diagrams), motion@^12 |
| Quality | @biomejs/biome@^2.3, TypeScript 5 |
pnpm install
cp .env.example .env.local
# Fill NEXT_PUBLIC_* URLs for GitHub, LinkedIn, project demos, BioVerify OG image, etc.
pnpm devOpen http://localhost:3000.
pnpm build
pnpm startConfigured for Vercel. Set environment variables from .env.example in the Vercel project settings.