Problem
Portfolio techniczne powinno szybko pokazać najmocniejszy projekt bez ogólnikowego marketingu i bez pozycjonowania wejściowego.
Studium przypadku
Portfolio — strona developera od aplikacji biznesowych
Osobiste portfolio skupione na dowodach technicznych, kontekście projektów, studiach przypadku i chronionym odsłanianiu kontaktu.
Cel projektu
Zbudować szybką stronę, która prezentuje projekty przez problem, realne funkcje, stack, status i linki do studiów przypadku.
Status
Active development
Stack
Next.jsReactTypeScriptTailwind CSSFramer MotionTurnstileCal.com APIVercelVitest
Najważniejsze funkcje
- Kolejność projektów z B-CRM jako priorytetem.
- Sekcja dla firm i osób technicznych.
- Zlokalizowane karty projektów i studia przypadku.
- Własny kalendarz rezerwacji używający Cal.com przez route handlers.
- Chronione odsłanianie emaila i telefonu.
- SEO, OpenGraph, sitemap, robots i opcjonalny GTM.
Decyzje techniczne
- Strona skupia się na aplikacjach biznesowych zamiast szerokiego copy freelancerskiego.
- Dane kontaktowe są odsłaniane przez route serwerowy zamiast renderowania w początkowym HTML.
- Rezerwacja używa własnego UI i serwerowych wywołań Cal.com zamiast zewnętrznego embedu.
Czego się nauczyłem
- Pozycjonowania projektów przez konkretne dowody techniczne.
- Budowy lokalizowanej struktury treści dla stron portfolio.
- Utrzymania praktycznego kontaktu i rezerwacji bez ujawniania kluczy API.
Co poprawiłbym dalej
- Rozbudować screenshoty projektów w pełniejszą galerię tam, gdzie pomaga to w review technicznym.
- Dodać testy przeglądarkowe dla nawigacji, rezerwacji i odsłaniania kontaktu.
- Dodać eventy analytics przez GTM po finalnej konfiguracji kontenera.
- Sprawdzić Core Web Vitals po zmianach layoutu.
Ograniczenia
Portfolio jest aktywnie rozwijane. Screenshoty, testy przeglądarkowe i eventy analytics nadal wymagają szerszego pokrycia.