Tomasz Skwarek

Własna strona prezentująca projekty i sposób pracy. Projekt jest rozwinięciem i modernizacją wcześniejszej wersji portfolio zbudowanej w React 16 – zaktualizowany do nowoczesnego stacku React / Next.js z naciskiem na wydajność, prostą architekturę i czytelny UX. Pełni jednocześnie rolę wizytówki oraz miejsca do testowania aktualnych rozwiązań ekosystemu.

Najważniejsze elementy techniczne

• Stack: Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS v4
• Wydajność: pełna statyczna generacja (SSG) – szybkie ładowanie i brak zależności od backendu
• Dwujęzyczność: wersje PL i EN z routingiem /pl oraz /en
• Routing: modal z detalami projektu otwierany bez przeładowania strony (Parallel Routes + Intercepting Routes)
• Formularz kontaktowy: walidacja (react-hook-form, Zod), zabezpieczenie antyspam i wysyłka przez SMTP
• SEO: przygotowane metadane i struktura pod indeksację w obu językach
• Monitoring: Vercel Analytics oraz Speed Insights
• Dostępność (a11y): skip-link, focus trap w modalu, obsługa klawiatury w menu, aria-expanded/aria-controls, prefers-reduced-motion, aria-busy przy wysyłce formularza

Decyzje projektowe

• Statyczna architektura – strona generowana statycznie, aby uprościć deployment, zwiększyć wydajność i ograniczyć koszty utrzymania
• Routing modalny – szczegóły projektów otwierane jako modal, co pozwala zachować kontekst listy i zapewnia płynną nawigację
• i18n bez middleware – rozwiązanie kompatybilne ze static export, dzięki czemu projekt można hostować praktycznie wszędzie.