Ako je tento web postavený
Portfólio je zároveň môj najčastejšie používaný produkt. Tu sú rozhodnutia, ktoré ho držia pokope — a dôvody, prečo som ich spravil.
Web staviam rovnako, ako staviam weby pre klientov: najprv obsah a štruktúra, potom rozhranie, až nakoniec efekty. Všetko sa generuje staticky, aby prvá odpoveď servera bola hotové HTML — žiadne čakanie na JavaScript kvôli textu. Animácie sú krátke a funkčné a každá z nich rešpektuje systémové nastavenie obmedzeného pohybu.
Tri písma nesú celú identitu: Quicksand je ľudská, zaoblená vrstva v nadpisoch a tlačidlách, Figtree drží čitateľnosť odsekov a JetBrains Mono označuje všetko, čo je dáta — dátumy, štítky, kontakty. Keď vidíte mono, viete, že ide o fakt, nie o marketing.
Technické fakty
Next.js (pages router) + TypeScript
Chakra UI + vlastné tokeny a komponenty
Quicksand (teplo) · Figtree (čitateľnosť) · JetBrains Mono (presnosť)
next/image + statické blur placeholders bez build-time native modulov
300 ms fade/lift · View Transitions API · prefers-reduced-motion
statická generácia (SSG), obsah blogu v MDX
react-hook-form + reCAPTCHA + Resend
Zdrojový kód nie je šablóna — každý komponent na tomto webe som napísal a viem zdôvodniť. Ak vás zaujíma konkrétne rozhodnutie, napíšte mi, rád ho rozoberiem.