Strona firmowa · Next.js
profitway.pl
Strona agencji, zbudowana w dwuosobowym zespole
Strona Profitway w Next.js 16 w wersji polskiej i angielskiej. Pracowałem nad nią z drugim programistą: zbudowałem landing usługi stron internetowych i stronę z materiałami marki, przeniosłem style do wspólnej biblioteki design systemu agencji i przygotowałem build w Dockerze.
- Rola
- Jeden z dwóch programistów
- Okres
- marzec - październik 2026
- Technologie
- Next.js 16
- TypeScript
- Tailwind CSS 4
- next-intl
- Vitest
- Docker
- strony po polsku i angielsku
- 7 × 2
- testów zielonych po migracji
- 169
- selektorów CSS zmienionych przy przejściu na bibliotekę
- 0
Kontekst
Agencja zastąpiła stronę na WordPressie aplikacją w Next.js w sierpniu 2026. Strona jest dwujęzyczna, polska wersja w katalogu głównym, angielska pod /en.
Moja część to całe sekcje strony i build, a kolega napisał większość głównych podstron.
Co zrobiłem
- Landing usługi stron internetowych, sekcja z 63 plików, ze sliderem portfolio stron klientów
- Strona z materiałami marki do pobrania
- Przeniesienie tokenów motywu do wspólnej biblioteki design systemu agencji, publikowanej jako prywatny pakiet
- Build w Dockerze z wyjściem standalone i uwierzytelnianiem do GitHub Packages w CI
- Przekierowanie subdomeny marki i nagłówek noindex dla wersji beta
Trudne momenty i jak je rozwiązałem
Problem
Po przeniesieniu 450 linii tokenów do wspólnej biblioteki CSS był identyczny, a mimo to zniknęły animacje w nagłówku, choć wszystkie testy przechodziły.
Rozwiązanie
Tailwind nie skanuje node_modules, więc klasy używane tylko w bibliotece wypadały z CSS-a. Rejestracja biblioteki przez @source je przywróciła. 1318 selektorów przed i po, zero różnic.
Problem
next/font/google wywracał produkcyjny build w Turbopacku.
Rozwiązanie
Przejście na font Figtree serwowany lokalnie z biblioteki design systemu, więc build nie potrzebuje sieci do fontów.
Problem
Jedno przeciągnięcie w sliderze portfolio przeskakiwało dwa lub trzy projekty naraz.
Rozwiązanie
Przepisana obsługa przeciągania: jedno przeciągnięcie zawsze przesuwa dokładnie jeden projekt.
Wyniki
- 7 stron po polsku i angielsku, 14 adresów w sitemapie
- 169 testów zielonych po migracji na bibliotekę design systemu
- Build nie zależy od sieci przy pobieraniu fontów
Ekrany
Przesuń palcem albo użyj przycisków, żeby przejrzeć ekrany.
Komputer · Strona główna 
Komputer · Landing usługi stron internetowych 
Telefon · Landing na telefonie 
Komputer · Materiały marki do pobrania 
Komputer · Wersja angielska
Szukasz takiej osoby do zespołu?
Chętnie opowiem o każdym z tych projektów szczegółowo.
Napisz do mnie