web2026
arminamiri.me
This site. Next.js 16, Firebase, Tailwind, ISR — with a command palette, magnetic dock, and an in-browser terminal.
No cover image
01 — Problem
My old portfolio was a CSR React app — beautiful in the browser, invisible to Google. Hard-coded content meant every edit was a redeploy.
02 — Approach
Migrated to Next.js 16 with ISR. Firestore-backed CMS, admin panel, View Transitions API for fluid page morphs, command palette as primary nav, magnetic dock as secondary, an interactive /lab terminal.
03 — Outcome
Pre-rendered HTML for crawlers, a content workflow that takes seconds, and a UX that signals craft on first interaction.
// Built with
- Next.js
- TypeScript
- Firebase
- Tailwind CSS
- shadcn/ui
- Motion
PreviousSoheil Luxury Auto GalleryShowroom site for a Melbourne luxury car dealer. Inventory, finance enquiries, polished editorial UI.Read case studyNextSoheil Luxury Auto WrapsPremium vinyl-wrap studio site with an AI 'preview your wrap' tool — customers upload a photo of their car, pick a wrap, and fal.ai returns a photorealistic render of their actual car wrapped in that finish, in seconds.Read case study