Mojaścieżkarozwoju

Fundamenty: HTML i CSS

Zaczynałem od absolutnych podstaw: semantycznego kodu, układów flexbox i czystej struktury bez gotowych frameworków.

Wdrażałem pierwsze projekty dla małych biznesów, przechodząc przez cały proces od zera do konfiguracji serwerów, DNS-ów i wdrożenia na produkcję.

Jak dać klientowi kontrolę nad treścią?

Strony w czystym HTML miały znaczącą wadę - klient nie mógł sam edytować treści bez wiedzy o kodzie. Sięgnąłem po najpopularniejsze rozwiązanie czyli Wordpress Elementor.

Koniec z projektowaniem na żywym organizmie

Zauważyłem że testowanie layoutu i designu podczas wdrażania zajmuje za dużo czasu, nauczyłem się więc obsługi Figmy oraz zaprojektowałem stronę Alpakigi by móc wdrożyć ją ponownie.

Ściana wydajności: ucieczka z ciężkiego Elementora

Strony stawiane w Elementorze okazały się zbyt wolne. Musiałem nauczyć się czytać audyty z Google PageSpeed Insights i rozumieć metryki takie jak LCP czy CLS. Zrozumiałem, że sam page builder generuje za dużo narzutu, więc przesiadłem się na natywny edytor blokowy (Gutenberg) dopisując własny, czysty CSS.

Jak ożywić stronę animacjami?

Chcąc nadać projektom nowoczesny szlif i zaangażować użytkownika, połączyłem Gutenberga z biblioteką GSAP, ucząc się precyzyjnej manipulacji DOM i animacji opartej na klasach CSS

Design ma pracować dla użytkownika, nie być dziełem sztuki

Uporządkowałem proces projektowy, żeby wyeliminować chaos i sprawić, by produkt końcowy był przemyślany od fundamentów.

Next.js i Sanity: pełna kontrola i koniec niszczenia layoutu

Po latach pracy z Wordpressem miałem dość jego ociężałości i podatności na błędy. Przeszedłem na nowoczesny stack: React, Tailwind, TypeScript i Next.js. Do zarządzania treścią wdrożyłem Sanity – lekki headless CMS, który pozwala mi zbudować kuloodporny panel dla klienta, w którym nie da się zepsuć struktury strony.

Case study powyższej strony

Koniec z poprawkami na oko

Przeszedłem od ślepego wdrażania zmian do analizy twardych danych z narzędzi takich jak Microsoft Clarity i mapy ciepła. Zrozumiałem, że zmienianie szczegółów nie ma sensu, jeśli leży ruch i marketing. Nauczyłem się odmawiać robienia bezsensownych poprawek, które tylko przepalają budżet klienta bez dotykania realnego źródła problemu.

Narzędzie do szybkiego wdrażania stron

Next.js i Sanity to potężny, ale czasochłonny stack, który przy mniejszych projektach bywa armatą na muchy. Dlatego opanowałem Framera – narzędzie, które pozwala mi dowozić niezwykle szybkie i wizualnie zaawansowane strony w ułamku dotychczasowego czasu, bez kompromisów na jakości.