Vue 3 micro-frontend platform
Led the frontend of a B2B2C platform built from 28+ Vue 3 micro-frontends on single-spa — a shared communication SDK, one component library and independent delivery for every app.
Szczepan Kosik — Senior Vue developer B2B Available · part-time · B2B
Senior Vue & Nuxt Frontend EngineerFrontends that scalewith your business.Not against it.
10+ years turning complex products into fast, typed, maintainable interfaces. Vue 3 · Nuxt · TypeScript. Tech lead by habit.
- Base
- Lublin, PL
- Coords
- 51.25°N 22.57°E
- Local time
How I build frontends
Performance is your money.
01
Every wasted request is a line on someone's invoice. I hunt them down.
Performance auditI never listen passively.
02
Refinements are for challenging ideas. Including mine.
Quality is automated, not negotiated.
03
Strict types, lint rules and git hooks. Standards that hold when nobody is watching.
I build interfaces I'd want to use myself.
04
I click through them like an end user. If something bothers me, I fix it before anyone else notices.
02 Services
Hire me for the hard parts.Vue migrations, performance audits, micro-frontends.
- 01Read more
Vue 2 → 3 migration
Move a production Vue 2 app to Vue 3 with typed architecture and hard lint rules, so the new codebase doesn't inherit the old problems.
- 02Read more
Performance audit
Find the request waterfalls, duplicate fetches and needless reactivity that slow a Vue or Nuxt app down and cost money, then fix them.
- 03Read more
Micro-frontends
Boundaries between apps, typed contracts, a shared component library and per-feature environments, drawn from a platform of 28+ Vue apps.
03 Impact
Numbers, not adjectives.Ten years of production frontends, measured.
- 01
10+
Years shipping production frontends
- 02
28+
Micro-frontends in one living platform
- 03
5+
Years with the same client — and counting
- 04
11+
Projects shipped to production
04 Selected files
Classified work.Frontend case studies, client names redacted.
Most of my projects live behind NDAs. So here are the case files — names redacted, results intact.
Performance rescue: Vue 2 → 3
A Vue 3 rewrite that was slow before it shipped. A typed query layer, strict tooling and targeted real-time invalidation removed request waterfalls and clarified the data flow.
Cloud translation cost cut
A translation publish fanned out across every cluster, app and language. I traced the request path and found the repeated cache fetches driving the cost; another team shipped the fix.
Weekly meal planner
I proposed drag & drop as the primary interaction model. Planning a week of meals went from clicking through forms to rearranging the screen in seconds.
Vue 3 component library in Storybook
Designed and shipped a shared Vue 3 component library in Storybook, giving the platform's frontend teams one consistent source for recurring UI patterns and less duplicated component work.
Isolated Kubernetes environments per feature
Gave every feature its own isolated Docker + Kubernetes environment on a 28+ app micro-frontend platform, and worked with DevOps on the Azure CI/CD pipelines behind independent app delivery.
wirtualnycmentarz.pl
Vue 2 + TypeScript with SSR and complex screen transitions. Service Worker caching for assets and data, IntersectionObserver-driven lazy loading, and canvas-based weather visualisations. My first big one — fitting, given my taste in films.
05 Stack
Tools I trust.Vue 3, Nuxt, TypeScript — and what's around them.
Core10+ yrs
- Vue 301
- Nuxt02
- TypeScript03
- Tailwind CSS04
What I think in. Daily, for years.
Vue 2 → 3 migrationqueries/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)NORMALThe fix that made a slow rewrite fast: typed query keys + targeted real-time invalidation.ts · utf-8
Data & real-time
- GraphQL · Apollo
- TanStack Query
- SignalR
- REST
- single-spa
- Pinia
Backend
- NestJS
- Express
- Node.js
- PHP · Laravel
- .NET
- PostgreSQL
- Redis
- MongoDB
Quality gates
- Vitest
- Cypress
- Storybook
- Biome
- Git hooks
- Strict TS
- Code review
Infra & delivery
- Docker
- Kubernetes
- Azure
- CI/CD
- Linux · VPS
AI / LLM
AI-assisted workflow and LLM integrations — a multiplier, not a replacement for thinking.
Neovim keys. Inside VS Code.
Yes, I know how to exit. I just rarely want to.
:wq
06 Process
How I work.Senior frontend consulting, B2B and remote.
“He compiles code just by looking at it.”
01
Question
I challenge the ticket before I write the code. The cheapest bug is the one never built.
02
Architect
Clear boundaries, typed contracts, no hidden coupling. Components built to be reused.
03
Guard
Strict linting, formatting, pre-commit and pre-push hooks. Reviews that notice what isn't obvious.
04
Deliver
Fast for users, cheap to run for the client, readable for the next developer. Along the way: mentoring and technical interviews with candidates.
07 Contact
Got a productworth doing right?
Available part-time, B2B, remote. Tell me what you're building — I reply within one business day.
Prefer email?