Andrej Srna · React · Next.js · TypeScript
Frontend developer
pre váš ďalší produkt.
Vyvíjam webové rozhrania, ktoré spájajú dizajn, dáta a funkčný používateľský zážitok. Pomôžem vám s novou aplikáciou aj rozvojom existujúceho React alebo Next.js projektu.
Frontend nie je iba to, ako web vyzerá.
Rozhranie musí reagovať na používateľa, načítať správne dáta a zostať použiteľné aj pri pomalom pripojení či chybe API. Pri vývoji riešim celý tento kontext — od prvého návrhu až po kontrolu po nasadení.
Spolupracujem s firmami, agentúrami a produktovými tímami. Ak potrebujete kompletný firemný web namiesto samostatného vývoja rozhrania, pozrite si aj tvorbu web stránok.
Rozsah spolupráce
S čím vám ako frontend developer pomôžem
React a Next.js aplikácie
Vývoj používateľského rozhrania pre portály, zákaznícke zóny a webové aplikácie. Komponenty, formuláre, navigácia a práca s dátami v jednom udržateľnom riešení.
Frontend podľa návrhu
Prevedenie dizajnu do responzívneho HTML, CSS a React komponentov. Riešim nielen vzhľad, ale aj mobilné zobrazenie, ovládanie klávesnicou a stavy jednotlivých prvkov.
API a dátové rozhrania
Napojenie na REST API, CMS a externé služby. Rozhranie potrebuje zvládnuť načítavanie, prázdne výsledky aj chyby — nie iba ideálnu odpoveď servera.
Výkon a technické SEO
Kontrola Core Web Vitals, veľkosti JavaScriptu, obrázkov a spôsobu renderovania. Pri verejných stránkach riešim aj metadáta, indexovateľný obsah, canonical URL a presmerovania.
Rozvoj existujúceho produktu
Nové funkcie, opravy a postupná modernizácia existujúceho frontendu. Najskôr sa zorientujem v kóde a závislostiach, potom navrhnem zásah bez zbytočného prepisovania.
CMS a správa obsahu
Prepojenie moderného frontendu s redakčným systémom vrátane headless WordPressu. Obsah má byť upraviteľný pre redaktorov a správne zobrazený pre návštevníkov.
Konkrétne realizácie
React a Next.js v reálnych projektoch
FitJam ↗
Next.js · Prisma · PostgreSQL
Fitness platforma s SK/EN lokalizáciou, blogom, CRM dashboardom a optimalizáciou LCP.
Najsilnejšia kĺbová výživa ↗
Next.js · Stripe · headless WordPress
E-shop s vlastnou administráciou, platbami, fakturáciou a obsahom z WordPressu.
Svetlo nádeje ↗
Next.js · TypeScript · statický export
Web zdravotných a opatrovateľských služieb s lokálnym SEO, štruktúrovanými dátami a jasnou cestou ku kontaktu.
Renderovanie, výkon a SEO podľa účelu stránky
Obsahová stránka má iné potreby než prihlásený dashboard. Serverové alebo statické renderovanie využívam tam, kde dáva zmysel pre obsah, výkon a vyhľadávanie. Klientsku interaktivitu pridávam tam, kde ju používateľ potrebuje.
Pri verejnom webe kontrolujem nadpisy, metadáta, canonical URL a dostupnosť obsahu pre vyhľadávače. Pri interaktívnom rozhraní riešim aj stavy načítavania, validáciu formulárov a zrozumiteľné chyby. Výkon vyhodnocujem podľa meraní, nie sľubom konkrétneho skóre.
Od zadania po nasadenie
Ako prebieha frontend vývoj
Ujasníme cieľ a technické prostredie
Prejdeme návrhy, používateľské scenáre, API, existujúci kód a očakávaný výsledok. Dohodneme si rozsah aj spôsob overenia.
Pripravím riešenie a priebežné ukážky
Vývoj rozdelím na zrozumiteľné časti. Priebežne kontrolujeme rozhranie aj integrácie, aby spätná väzba neprišla až na konci.
Otestujeme a nasadíme
Skontrolujem mobilné zobrazenie, dôležité interakcie a produkčný build. Súčasťou odovzdania je dohodnutá dokumentácia a overenie po nasadení.
Časté otázky o frontend vývoji
Čo robí frontend developer?
Frontend developer vytvára časť webu alebo aplikácie, s ktorou pracuje používateľ. Zahŕňa to rozloženie, interakcie, formuláre, zobrazenie dát a napojenie na API. Dôležitá je funkčnosť na mobile, prístupnosť aj rýchlosť.
Pracujete s Reactom aj Next.js?
Áno. React používam na komponenty a interaktívne rozhrania, Next.js tam, kde projekt potrebuje vhodne skombinovať serverové renderovanie, statické stránky a klientsku interaktivitu. Výber prispôsobím projektu, nie naopak.
Viete sa pridať k existujúcemu tímu?
Áno, spolupráca môže zahŕňať konkrétnu funkciu, rozvoj existujúcej aplikácie alebo frontendovú časť väčšieho projektu. Pred začiatkom si dohodneme rozsah, zodpovednosti, spôsob kontroly a nasadenia.
Koľko stojí frontend vývoj?
Cena závisí od návrhu, počtu obrazoviek, integrácií a stavu existujúceho kódu. Pošlite stručné zadanie alebo návrh rozhrania; na jeho základe navrhnem rozsah a nacenenie. Bez poznania projektu by presná suma bola zavádzajúca.
Zabezpečujete aj backend a nasadenie?
Podľa rozsahu viem riešiť API, databázu aj nasadenie, alebo spolupracovať s vaším backendovým tímom. Hranice zodpovednosti si ujasníme vopred, aby rozhranie aj integrácie tvorili funkčný celok.
Je možné spolupracovať na diaľku?
Áno. Pôsobím v Bratislave a spoluprácu vieme viesť na diaľku. Zadanie, návrhy a priebežné výsledky prechádzame cez dohodnuté komunikačné a projektové nástroje.
Hľadáte frontend developera?
Pošlite mi návrh, odkaz na aplikáciu alebo stručné zadanie.
Prejdeme možnosti a dohodneme ďalší krok.