Postaveno aby vydrželo.

React / TypeScript / Design systémy / CMS / Dodání

Nástroje se řídí problémem a u každého vám řeknu, proč tam je.

Probrat technologie

Typované od začátku do konce
Komponenty a tokeny
WCAG 2.2 AA
Měřené před vydáním

01 / Inženýrské myšleníRozhodnutí / ne odškrtávání

Technologie slouží / zážitku

Dobrý stack je
rozhodnutí s důvody.

Architektura musí fungovat pro návštěvníky, pro lidi, kteří upravují obsah, i pro firmu. Volím jasné hranice, malé komponenty, přísné typy a čísla, která jdou změřit. Každá závislost si své místo musí zasloužit.

02 / Pracovní stackSoučasné nástroje / vybrané podle potřeby

Co používám, když se to hodí.

01 / Vývoj produktů

React a TypeScript

Rozhraní ze znovupoužitelných částí, předvídatelný stav a jasné hranice mezi částmi byznysu.

React 19
TypeScript
React Router 8
Next.js 16
Vite
React Compiler
tRPC
TanStack Query
Zustand
Redux / RTK
Zod

02 / Systém zážitku

UI systémy a front-end

Rozvržení pro každou obrazovku, design systémy na tokenech a komponenty, které zvládne každý.

HTML / CSS
Tailwind CSS 4
CSS proměnné
Tokeny v OKLCH
Vzory ARIA
Headless UI
Storybook
React Hook Form

03 / Práce s obsahem

CMS na míru a integrace

Obsahové modely, všechny jazyky a redakční postupy podle toho, co klient publikuje.

Headless CMS
Adobe AEM
i18next
REST / API
Node.js
Hono
Drizzle ORM
PostgreSQL

04 / Ověřování a dodání

Kvalita a infrastruktura

Testy, čisté sestavení, nasazení a monitoring od prvního týdne.

Playwright
Vitest
Testing Library
MSW
Sentry
GitHub Actions
GitLab CI
Docker
AWS Lambda
SST
Cloudflare Workers
PWA

03 / Zásady pro produkciJak dobrý kód zůstane užitečný

Tento web, jako příklad.

Tento web je React Router 8, předem vygenerovaný do statického HTML. Obsahové stránky nenačítají v prohlížeči žádný React; zbytek obstará jeden skript o zhruba 3 kB. Tokeny, přísné typy, testy a limit váhy udržují web snadno změnitelný.

Služba Vývoj a CMS

Úvod – NordiHouse na monitoru, pohled zespodu — Digitální zážitek / responzivní systém, Případová studie NordiHouse03 / 05

04 / Standardy vývojeKontrolováno u každého vydání

Čtyři standardy, všechny ověřené.

Přístupné už návrhem.
Minimálně WCAG 2.2 AA: pořádné HTML, celé ovládání z klávesnice, viditelný fokus a obsah, který vnímá každý.
Rychlé ve skutečných podmínkách.
Měřené Core Web Vitals, moderní formáty obrázků, cache a stránky vygenerované předem, kde to jde.
Snadné na údržbu.
Typované kontrakty mezi částmi, zdokumentované komponenty a chování, které pokryjí testy.
Připravené na změny.
Verzovaná vydání, CI/CD, základy bezpečnosti a jasně daná odpovědnost po spuštění.

05 / DůkazVývoj na skutečných produktech