Livia Portfolio
Personlig portfoliosajt åt en vän (videograf / fotograf) byggd i Next.js, stylad med Tailwind och distribuerad via Vercel.
Min roll: Ensam utvecklare – design, utveckling och driftsättning
2025
Teknikstack
Next.js · React · Tailwind · Vercel
Problem / Kontext
En vän behövde en snygg och snabb portfoliosajt för att visa upp videografi och fotografi för potentiella kunder. Den behövde se bra ut, ladda snabbt och vara enkel att uppdatera senare.
Mål
- Lansera en fungerande portfoliosajt inom kort tid
- Uppnå goda Core Web Vitals (LCP, CLS, FID)
- Se till att bilder och media känns snabba och skarpa på alla enheter
- Hålla kodbasen underhållbar för framtida uppdateringar
Utmaningar
- Optimera många stora bilder utan att kompromissa med visuell kvalitet
- Bygga en layout tillräckligt flexibel för stående och liggande media
- Hålla sajten tillräckligt enkel för att en icke-utvecklare ska kunna begära ändringar
Viktiga tekniska beslut
- Valde Next.js App Router för inbyggd bildoptimering och SSG
- Använde Tailwind CSS för snabb, konsekvent styling utan ett designsystem
- Driftsatte på Vercel för automatiska förhandsgranskningsdistributioner vid varje push
Resultat / Effekt
- Lever och används av en verklig kund för att visa professionellt arbete
- Lighthouse-prestationspoäng över 90 på mobil
- Inga löpande infrastrukturkostnader (Vercels gratisplan)
Vad jag skulle förbättra härnäst
- Integrera ett headless CMS så kunden kan uppdatera innehåll utan kod
- Lägg till ett kontakt-/bokningsformulär med e-postnotifieringar
- Utforska videostreamingoptimering för stora portföljvideor