Przejdź do treści
Szczepan Kosik — Senior Frontend Engineer Dostępny · part-time · B2B

Frontend, który rośnierazem z biznesem.A nie wbrew niemu.

Od ponad 10 lat zamieniam złożone produkty w szybkie, typowane i łatwe w utrzymaniu interfejsy. Vue 3 · Nuxt · TypeScript. Tech lead z nawyku, nie z tytułu.

Base
Lublin, PL
Coords
51.25°N 22.57°E
Czas lokalny

01 Podejście

0103

Wydajność to Twoje pieniądze.

01

Każdy zbędny request to pozycja na czyjejś fakturze. Wyłapuję je.

Nigdy nie słucham biernie.

02

Refinement jest po to, by kwestionować pomysły. Również moje.

Jakość się automatyzuje, a nie negocjuje.

03

Ścisłe typy, reguły lintera i hooki gita. Standardy, które działają, nawet gdy nikt nie patrzy.

02 Wpływ

Liczby, nie przymiotniki.

  • 01

    10+

    Lat dowożenia produkcyjnych frontendów

  • 02

    20+

    Mikrofrontendów w jednej żywej platformie

  • 03

    5+

    Lat z tym samym klientem — i dalej

  • 04

    ~10001

    Płatnych requestów na publikację, zamiast ~1000

03 Wybrane akta

Akta niejawne.

Większość moich projektów chroni NDA. Oto więc akta sprawy — nazwy ocenzurowane, wyniki nietknięte.

Akta 01 / 05Niejawne

Mikrofrontendowa platforma B2B2C

Klient
Firma cateringowa, Niemcy
Rola
Jeden z głównych inżynierów FE
Okres
2021 — teraz

Ponad 20 aplikacji Vue w single-spa, komunikujących się w czasie rzeczywistym. GraphQL, REST i SignalR pod jednym dachem.

20+

mikrofrontendów

5+ lat

długofalowej współpracy

  • Vue 3
  • single-spa
  • TypeScript
  • GraphQL · Apollo
  • SignalR
  • Tailwind CSS
Akta 02 / 05Niejawne

Ratunek wydajności: Vue 2 → 3

Klient
Ta sama firma, inna bestia
Rola
Senior, de facto tech lead
Okres
Przepisanie

Przepisana aplikacja była wolna, zanim trafiła na produkcję. Twarde reguły lintera, scentralizowana warstwa zapytań i inwalidacja w czasie rzeczywistym wycisnęły z niej maksimum.

0

kaskad requestów

1

źródło prawdy dla zapytań

  • Vue 3
  • TanStack Query
  • SignalR
  • Biome
  • TypeScript
Przeczytaj całą sprawę
Akta 03 / 05Niejawne

Cięcie kosztów tłumaczeń w chmurze

Klient
Wewnętrzne narzędzia platformy
Rola
Znalazłem, zgłosiłem, naprawiłem
Okres
Śledztwo

Każda publikacja tłumaczeń rozlewała się na wszystkie klastry, języki i aplikacje. Namierzyłem problem i zredukowałem go do jednej aplikacji i jednego requestu. Do tego skrypt, który scalił pliki i18n z featurów i przepisał wszystkie klucze w kodzie.

~1000 → 1

requestów na publikację

−99,9%

płatnych wywołań API

  • Node.js
  • Kubernetes
  • Docker
  • i18n
  • Scripting
Akta 04 / 05Niejawne

Tygodniowy planer posiłków

Klient
Następca aplikacji w KnockoutJS
Rola
Frontend + autor UI/UX
Okres
Od zera

Zaproponowałem drag & drop wszędzie, gdzie się dało. Planowanie tygodnia posiłków przestało być przeklikiwaniem formularzy i stało się układaniem ekranu w kilka sekund.

D&D

jako główna interakcja

100%

UI/UX mojego autorstwa

  • Vue 3
  • TypeScript
  • Drag & Drop
  • UX design
Akta 05 / 05Odtajnione

wirtualnycmentarz.pl

Klient
Publiczny · wirtualny cmentarz
Rola
Jedyny frontend developer
Okres
2019

Vue 2 + TypeScript z SSR, złożone przejścia między ekranami i staranna optymalizacja. Mój pierwszy duży projekt. Pasuje do mojego gustu filmowego.

1

frontend dev. Ja.

SSR

z ciężkimi przejściami

  • Vue 2
  • TypeScript
  • SSR
  • Transitions
wirtualnycmentarz.pl

Akta ?? / ??

Masz wolną aplikację?

Widziałem gorsze. Porozmawiajmy.

Porozmawiajmy

04 Stack

Narzędzia, którym ufam.

Core10+ yrs
  • Vue 301
  • Nuxt02
  • TypeScript03
  • Tailwind CSS04

W tym myślę. Codziennie, od lat.

queries/orders.ts
1// one typed source of truth2export const orderKeys = {3  all: ['orders'] as const,4  detail: (id: string) => [...orderKeys.all, id] as const,5}6 7// real-time: invalidate exactly what changed8hub.on('OrderUpdated', ({ id }: OrderEvent) =>9  queryClient.invalidateQueries({10    queryKey: orderKeys.detail(id),11  }),12)
NORMALPoprawka, która przyspieszyła wolną aplikację: typowane query keys + celowana inwalidacja w czasie rzeczywistym.
Dane i real-time
  • GraphQL · Apollo
  • TanStack Query
  • SignalR
  • REST
  • single-spa
  • Pinia
Backend
  • NestJS
  • Node.js
  • PHP · Laravel
  • .NET
  • PostgreSQL
  • Redis
  • MongoDB
Bramki jakości
  • Vitest
  • Biome
  • Git hooks
  • Strict TS
  • Code review
Infra i wdrożenia
  • Docker
  • Kubernetes
  • Azure
  • CI/CD
  • Linux · VPS
AI / LLM

Workflow wspierany przez AI i integracje z LLM. Mnożnik, a nie zamiennik myślenia.

Skróty Neovima. W VS Code.

Tak, wiem, jak wyjść. Po prostu rzadko chcę.

:wq

05 Proces

Jak pracuję.

„On kompiluje kod samym wzrokiem.”
— kolega z zespołu, po code review
  1. 01

    Pytam

    Kwestionuję zadanie, zanim napiszę kod. Najtańszy bug to ten, którego nikt nie zbudował.

  2. 02

    Projektuję

    Jasne granice, typowane kontrakty, zero ukrytego couplingu. Komponenty tworzone z myślą o reużyciu.

  3. 03

    Pilnuję

    Ścisły linter, formatowanie, hooki pre-commit i pre-push. Code review, które widzi to, co nieoczywiste.

  4. 04

    Dowożę

    Szybko dla użytkownika, tanio w utrzymaniu dla klienta, czytelnie dla kolejnego developera. Z mentoringiem po drodze.

06 Kontakt

Masz produkt,który warto zrobić dobrze?

Dostępny part-time, B2B, zdalnie. Napisz, co budujesz — odpowiadam w ciągu jednego dnia roboczego.

Wolisz e-mail?
0 / 4000

Twój e-mail posłuży wyłącznie do odpowiedzi. Bez newsletterów, bez śledzenia, bez rytuałów przywołania.

Pełne zaangażowanie w dostarczenie produktu najwyższej jakości.

Zbudowane w Nuxt, GSAP i z niezdrową dbałością o detale.

© 2026 Szczepan Kosik · SK Inspire. Wszelkie prawa zastrzeżone.Lublin, PL · 51.25°N 22.57°E