Przejdź do treści

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

  1. 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.

  2. 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.

  3. 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.