Na czym budujemy i do czego tego używamy
Pełna lista tego, w czym pracujemy, razem z rolą każdego elementu. Jeśli czegoś nie ma na liście, to znaczy, że tego nie używamy.
84 pozycje · 6 kategorii
Interfejs12 pozycji
Renderujemy na serwerze, żeby przeglądarka i boty Google dostawały błyskawicznie gotowy HTML. Techniczne SEO i szybkość indeksowania mamy wbudowane w architekturę.
- Next.js
- Renderowanie po stronie serwera, routing i generowanie stron przy wdrożeniu
- React
- Komponenty serwerowe domyślnie, klienckie wyłącznie tam, gdzie potrzebna jest interakcja
- TypeScript
- Tryb strict w całym repozytorium: błąd typu zatrzymuje wdrożenie
- HTML5 i CSS3
- Semantyczny HTML i nowoczesny CSS (grid, container queries), bez frameworka tam, gdzie wystarczy statyczna strona
- JavaScript (ES2023)
- Czysty JS tam, gdzie React byłby przesadą: widżety, skrypty do istniejących stron, integracje w przeglądarce
- Tailwind CSS
- System tokenów zamiast arkuszy per strona; kontrast walidowany w CI
- Radix UI
- Prymitywy dostępne z klawiatury, nadpisane własnymi tokenami
- MDX
- Treść w repozytorium z historią zmian i podglądem przed publikacją
- JSON-LD (Schema.org)
- Graf encji: organizacja, usługi, autorzy i FAQ połączone przez @id, generowane z tych samych danych co strona
- Astro·
- Alternatywa dla serwisów czysto treściowych, gdzie nie potrzeba warstwy aplikacyjnej
- Feature flags·
- Wariant testu A/B włączany dla części ruchu bez nowego wdrożenia
- Storybook·
- Katalog komponentów przy projektach z własnym zespołem front-endowym
Dane i logika12 pozycji
Model danych projektujemy przed pierwszą linijką interfejsu. Wyjątki procesowe mają mieścić się w bazie, a nie w arkuszu obok systemu.
- PostgreSQL
- Relacyjny model danych, zapytania analityczne, percentyle liczone po stronie bazy
- Prisma
- Schemat i migracje w repozytorium; typy generowane z bazy, nie pisane ręcznie
- Node.js
- Warstwa API, Server Actions i zadania uruchamiane w tle
- Redis
- Cache współdzielony między instancjami, kolejki i limity zapytań
- Zod
- Te same reguły walidacji po stronie serwera i przeglądarki
- BullMQ
- Kolejki zadań: eksporty, synchronizacje, powtórki po błędzie
- REST / Webhooks
- Integracje dwukierunkowe (REST, GraphQL, webhooki) z ERP, WMS i płatnościami. Koniec z ręcznym przepisywaniem statusów zamówień.
- pgvector·
- Wyszukiwanie semantyczne po katalogu i dokumentacji klienta
- Meilisearch·
- Wyszukiwarka produktowa tam, gdzie LIKE w bazie przestaje wystarczać
- S3 / MinIO·
- Pliki i załączniki poza maszyną aplikacyjną, z polityką retencji
- PHP·
- Na życzenie: utrzymanie i rozwój istniejących systemów, moduły do PrestaShop i WooCommerce
- MySQL / MariaDB·
- Bazy istniejących sklepów i CMS-ów: optymalizacja zapytań, migracje do PostgreSQL
Wzrost, SEO i pomiar23 pozycje
Kampanie, SEO i pomiar wdraża ten sam zespół, który pisze kod. Dlatego identyfikator kliknięcia dojeżdża do CRM, a poprawka z audytu SEO wchodzi w tym samym tygodniu.
- Google Ads
- Kampanie optymalizowane pod Twój próg rentowności i zysk netto (Break-even ROAS), a nie pusty przychód brutto.
- Google Ads API
- Import konwersji offline z CRM z realną wartością podpisanej umowy
- Enhanced Conversions
- Hashowanie danych kontaktowych po stronie serwera, wyłącznie po zgodzie
- Meta Ads
- Kampanie na Facebooku i Instagramie liczone od marży, a nie od przychodu z panelu
- Meta CAPI (Server-Side)
- Zakupy wysyłane z serwera obok piksela: mniej transakcji ginie przez blokady iOS i Safari ITP. Zgody obowiązują tak samo.
- GA4
- Plan pomiaru, zdarzenia własne, wykluczenia ruchu wewnętrznego
- Google Tag Manager
- Jeden kontener, ładowany po bezczynności, żeby nie psuć INP
- Server-side GTM
- Kontener serwerowy tam, gdzie blokery zjadają zbyt dużą część zdarzeń
- Consent Mode v2
- Stan zgód przekazany do tagów Google przed pierwszym pomiarem; tryb podstawowy albo zaawansowany według decyzji prawnika
- BigQuery
- Eksport danych surowych od pierwszego dnia: GA4 kasuje je po 14 miesiącach
- Technical SEO
- Zarządzanie Crawl Budgetem, mikrodane (JSON-LD) i architektura przyjazna dla robotów indeksujących. Eliminujemy błędy, przez które Google odrzuca Twoje podstrony.
- Programmatic SEO
- Podstrony tworzone z danych w bazie (np. kategoria i miasto), tylko tam, gdzie dane dają każdej z nich własną, przydatną treść. Publikujemy partiami, z kontrolą indeksacji.
- Search Console API
- Automatyczny monitoring pozycji i indeksacji wpięty prosto w nasze systemy. Spadek widoczności podstrony widzimy w raporcie, zanim zauważy go ktoś w firmie.
- Screaming Frog
- Przejście całej strony tak, jak robi to robot Google: błędy, przekierowania, duplikaty
- Logi serwera
- Sprawdzamy, które podstrony robot Google naprawdę pobiera, a które pomija
- CrUX
- Dane Google o szybkości strony u prawdziwych użytkowników, te same, które liczą się w wynikach wyszukiwania
- Looker Studio
- Raporty czytane przez zarząd, liczone na danych z hurtowni
- dbt·
- Przekształcenia danych w hurtowni opisane kodem i wersjonowane, zamiast zapytań rozsianych po raportach
- Microsoft Ads·
- Kanał uzupełniający w segmentach B2B o wysokiej wartości kontraktu
- LinkedIn Ads·
- Kampanie na wąskie grupy decyzyjne przy długim procesie zakupowym; pomiar przez Insight Tag i Conversions API
- Allegro Ads·
- Oferty sponsorowane i kampanie graficzne na Allegro, liczone od marży po prowizji
- Amazon Ads·
- Reklamy produktów na Amazonie w krajach UE
- Microsoft Clarity·
- Nagrania i mapy kliknięć przy diagnozie spadków konwersji
E-commerce i integracje12 pozycji
Łączymy szybki frontend z twardym magazynem. Koniec z ręcznym przepisywaniem statusów. Zamówienie z koszyka trafia do ERP samo, a zmiana stanu wraca do sklepu i marketplace’ów w ciągu minut.
- PrestaShop·
- Wdrożenia, moduły własne i optymalizacja przy dużych katalogach
- WooCommerce·
- Migracje do Headless i optymalizacja wydajności sklepów obciążonych setkami wtyczek.
- WordPress·
- Na życzenie: strony treściowe, gdy klient chce zostać przy WordPressie; także jako panel treści dla frontu w Next.js
- Shopify
- Szybkie, stabilne wdrożenia e-commerce z pominięciem długu technologicznego własnego serwera.
- BaseLinker
- Integracja zamówień, marketplace i magazynu z systemem klienta
- Stripe
- Płatności i subskrypcje w projektach dedykowanych
- Przelewy24 / PayU
- Bramki płatnicze w standardzie polskiego rynku
- Comarch ERP·
- Synchronizacja stanów, cen i dokumentów po API
- Subiekt GT / nexo·
- Wymiana danych z systemem magazynowo-sprzedażowym
- SAP·
- Wymiana zamówień, stanów i dokumentów po API, gdy firma pracuje na SAP
- Saleor / Medusa·
- Headless commerce tam, gdzie front i katalog muszą być rozdzielone
- InPost / DPD / DHL·
- Integracje kurierskie: etykiety, śledzenie, punkty odbioru
Automatyzacja i AI11 pozycji
Model językowy wchodzi tam, gdzie wejście jest powtarzalne, a wynik da się zweryfikować. Nie generujemy treści, których nikt nie czyta.
- Claude API
- Klasyfikacja i ekstrakcja danych z dokumentów oraz korespondencji
- OpenAI API
- Przetwarzanie nieustrukturyzowanych danych i klasyfikacja zapytań ofertowych z formularzy B2B.
- RAG i wektory
- Odpowiedzi modelu oparte na dokumentach klienta, z odnośnikiem do źródła zamiast zgadywania
- n8n
- Przepływy między systemami, wersjonowane i z logiem błędów
- Webhooki i kolejki
- Zdarzenia z jednego systemu uruchamiające pracę w drugim
- Klaviyo·
- E-maile i SMS wysyłane po zdarzeniach w sklepie: porzucony koszyk, pierwszy zakup, powrót klienta
- HubSpot / Pipedrive·
- CRM: leady z formularzy trafiają do niego same, a ich statusy wracają do kampanii
- SMS API·
- Wysyłka SMS przez operatora, płatna za wiadomość, gdy SMS ma wyjść z Twojego systemu
- Make·
- Scenariusze u klientów, którzy już na nim pracują; przenosimy do kodu, gdy przepływ staje się krytyczny
- OCR dokumentów·
- Odczyt faktur i zamówień PDF do struktury zrozumiałej dla ERP
- Modele lokalne·
- Przetwarzanie bez wychodzenia danych poza infrastrukturę klienta
Infrastruktura14 pozycji
Infrastruktura jako kod. Żadnego wrzucania plików po FTP. Każda zmiana przechodzi przez automatyczne testy, a monitoring zwykle zgłasza błąd, zanim zauważy go klient.
- Docker
- Ten sam obraz na stagingu i produkcji; wdrożenie replika po replice
- PM2
- Procesy Node.js tam, gdzie nie ma Dockera: restart po awarii, logi, przeładowanie bez przerwy w działaniu
- Linux (Ubuntu / Debian)
- Serwery konfigurowane i utrzymywane przez nas: aktualizacje, firewall, dostęp tylko po kluczu SSH
- Caddy
- TLS, HTTP/3 i nagłówki cache; healthcheck decyduje o kierowaniu ruchu
- GitHub Actions
- Bramki jakości: typy, testy, dostępność, kontrast, budżet JavaScriptu
- Playwright + axe-core
- Testy end-to-end i audyt dostępności przy każdym pull requeście
- Vitest
- Testy jednostkowe logiki biznesowej i wyliczeń
- Sentry
- Błędy produkcyjne ze stack trace i alertem przy wzroście
- web-vitals
- Pomiar szybkości w przeglądarkach prawdziwych użytkowników, zapisywany na naszym serwerze. Tak mierzymy obietnicę LCP z umowy
- Grafana + Prometheus
- Metryki hosta i aplikacji z progami alertowania
- Cloudflare
- CDN, ochrona przed atakami (DDoS) i edge-caching odciążający Twój serwer w trakcie peaków sprzedażowych (np. Black Friday).
- restic
- Kopie poza dostawcą serwera, z testem odtworzenia raz na kwartał
- Trivy·
- Skan obrazu pod kątem podatności jako krok blokujący w CI
- Ansible·
- Konfiguracja serwerów opisana kodem, nie klikana ręcznie
Pozycje oznaczone kropką (·) robimy na życzenie, w projektach klienckich. Pozostałe to rdzeń, na którym pracujemy codziennie. Ta strona stoi na części z nich: Next.js, React, TypeScript, Tailwind CSS, PostgreSQL, Prisma, Redis, Docker i Caddy.
Jak te technologie składają się w konkretne usługi, opisujemy na stronie Usługi.
Co ten zestaw oznacza dla Ciebie
Popularne technologie, nie nasz wynalazek
Next.js, React, PostgreSQL czy Shopify należą do najczęściej używanych w swoich kategoriach, więc programistów do nich łatwo znaleźć. Jeśli kiedyś zmienisz wykonawcę, nowy zespół przeczyta ten kod bez nas.
Kod, konta i dane zostają u Ciebie
Konta reklamowe i analityczne zakładamy na Twoją organizację. Prawa do kodu napisanego dla Ciebie przechodzą w umowie razem z repozytorium i dokumentacją. Biblioteki open source zostają na swoich licencjach.
Zaczynamy od tego, na czym już pracujesz
Masz sklep na WooCommerce, PrestaShop albo Shopify? Najpierw sprawdzamy, co da się poprawić na miejscu. Przeniesienie na inną technologię proponujemy tylko wtedy, gdy rachunek pokazuje, że się zwróci.
