⏺ Add nav avatar, product icon, specificatie-pagina en about-updates
Wat is er veranderd
Navigatie
- Profielfoto en verkorte naam (voorletter + achternaam) zichtbaar in de account-knop van de topnav wanneer de gebruiker een avatar heeft ingesteld
- Product icon (icon.svg) toegevoegd links van de merknaam in de topnav
- ProfileAvatar heeft nu een blauwe border en een extra xs formaat voor gebruik in de nav
Specificatie-pagina
- Nieuwe beveiligde pagina /specificatie (alleen zichtbaar na inloggen)
- Vijf hoofdstukken met samenvatting en kernpunten: productkader, functionele specificatie, privacy/security, roadmap en technische architectuur
About-pagina
- "Bekijk planning"-knop vervangen door link naar jp-visser.nl (Curriculum vitae)
- "Specificatie"-knop toegevoegd naast de CV-link
- Versienummer (v0.1.0) en korte git SHA zichtbaar onderaan de metadatabalk
Testplan
- CI lint + build slaagt
- Avatar zichtbaar in topnav na inloggen met profiel met foto
- Naam correct geformatteerd (voorletter + achternaam)
- Geen avatar → CircleUserRoundIcon + "Account"
- Product icon zichtbaar links van merknaam
- /specificatie toont 5 hoofdstukken na inloggen
- /specificatie redirect naar /login zonder sessie
- CV-link opent jp-visser.nl in nieuw tabblad
- Versienummer zichtbaar op about-pagina
- Show profile avatar and formatted name in top nav
- Add product icon to left of brand name in top nav
- Add blue border to ProfileAvatar, add xs size
- Add protected /specificatie page with 5 chapter summaries
- Replace planning button with CV link on about page
- Add Specificatie button on about page
- Show app version + git SHA on about page
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Fix sharp native binary on Vercel by marking as external package
Fix: avatar upload werkt niet op Vercel (sharp native binary)
sharp is een native module met platform-specifieke binaries. Next.js bundelt het standaard mee, maar de macOS-binary werkt niet op Vercel's
Linux-omgeving. Door sharp toe te voegen aan serverExternalPackages laat Next.js de module ongemoeid zodat Vercel de juiste Linux-binary gebruikt.
