Livia Portfolio
Personal portfolio site for a friend (videographer/photographer) built in Next.js, styled with Tailwind and deployed via Vercel.
My Role: Solo Developer – design, development, and deployment
2025
Tech Stack
Next.js · React · Tailwind · Vercel
Problem / Context
A friend needed a clean, fast portfolio site to showcase videography and photography work to potential clients. The site had to look professional, load quickly, and be easy to update.
Goals
- Ship a production-ready portfolio in a short timeframe
- Achieve good Core Web Vitals (LCP, CLS, FID)
- Make images and media feel crisp and fast on all devices
- Keep the codebase maintainable for future updates
Challenges
- Optimising many large images without sacrificing visual quality
- Building a layout flexible enough for portrait and landscape media
- Keeping the site simple enough for a non-developer to request changes
Key Technical Decisions
- Chose Next.js App Router for built-in image optimisation and SSG
- Used Tailwind CSS for rapid, consistent styling without a design system
- Deployed to Vercel for automatic preview deployments on every push
Results / Impact
- Live and used by a real client to showcase professional work
- Lighthouse performance score above 90 on mobile
- Zero ongoing infrastructure cost (Vercel free tier)
What I Would Improve Next
- Integrate a headless CMS so the client can update content without code
- Add a contact/booking form with email notifications
- Explore video streaming optimisation for large portfolio videos