[ CASE // 03 // SERVICE + E-COMMERCE // NEXT.JS + MEDUSA ]

OpravnaBicyklu.cz

Web, rezervace a e-shop v jednom systému pro lokální cykloservis

// CLIENT
OpravnaBicyklu.cz, Liberec
// ROLE
DEVELOPER // FULLSTACK, ARCHITEKT, DEPLOY
// PERIOD
2025 → TEĎ
// STATUS
ACTIVE
NEXT.JS 16REACT 19TYPESCRIPTMEDUSA 2POSTGRESQLPACKETAARESTAILWIND 4SYSTEMD

O projektu

OpravnaBicyklu.cz není jen prezentační web pro lokální servis. Je to spojení marketingového webu, online rezervací, blogu a e-shopu do jednoho systému, který má fungovat jak pro zákazníka, tak pro každodenní provoz obchodu.

Projekt je postavený jako monorepo se dvěma hlavními aplikacemi: Next.js storefrontem pro veřejný web a Medusa backendem pro katalog, objednávky, zákazníky a administraci. Díky tomu se podařilo spojit obsah, servisní poptávku a prodej dílů do jedné platformy místo několika oddělených nástrojů.

Co web řeší

Zadání nebylo „udělat hezčí homepage“. Potřeba byla širší:

  • představit služby cykloservisu,
  • umožnit online rezervaci,
  • prodávat díly a doplňky přes e-shop,
  • nabídnout zákaznický účet s historií objednávek,
  • a dát provozovateli zázemí pro správu katalogu, objednávek a souvisejících procesů.

Výsledkem je web, který funguje jako akviziční kanál i jako provozní nástroj.

Architektura

Řešení stojí na dvou hlavních vrstvách:

  • Next.js storefront pro homepage, blog, shop, checkout a účet
  • Medusa backend/admin pro e-commerce logiku a správu dat

Ve storefrontu je navíc vlastní proxy vrstva pro komunikaci s Medusou. Nejde tedy o čisté napojení „z krabice“, ale o řízenou integraci s allowlistem endpointů, timeouty, auth forwardingem, rate limitingem a ochranou proti nevhodným cross-origin mutacím.

To je přesně ten typ práce, který na hotovém webu není vidět, ale výrazně zvyšuje kontrolu nad bezpečností i chováním aplikace.

Tech stack

FRONTEND   → Next.js 16 + React 19 + TypeScript 5 + Tailwind 4
BACKEND    → Medusa 2 + PostgreSQL + custom commerce logika
CONTENT    → MDX blog + vlastní route struktura
INTEGRACE  → Packeta / Zásilkovna + ARES + merchant feed
ACCOUNT    → zákaznický účet, objednávky, adresy, faktury, vratky
DEPLOY     → systemd + NGINX

Projekt zároveň počítá s pokročilejší produktovou logikou, například vlastním vyhledáváním nad katalogem, importy od dodavatelů a automatizacemi kolem faktur nebo stavových e-mailů.

Klíčové funkce

  • Web + servis + shop v jednom — zákazník se dostane od obsahu a služeb až k objednávce bez přeskakování mezi systémy
  • Online rezervace — servisní poptávka běží přes Bookio widget integrovaný do webu
  • Plnohodnotný e-shop — katalog, detail produktu, košík, checkout a zákaznický účet
  • Guest checkout i účet — zákazník může nakoupit bez registrace a objednávku si později přiřadit ke svému účtu
  • Lokální provozní integrace — Packeta pro dopravu a ARES pro firemní údaje
  • Automatizace backoffice — PDF faktury po zachycení platby, transakční e-maily, merchant feed a importní workflow

Pro koho to je

Projekt je navržený pro tři vrstvy uživatelů zároveň:

  • zákazníky servisu, kteří chtějí rychle najít služby a rezervovat termín,
  • nakupující, kteří chtějí pohodlně objednat cyklo díly a doplňky,
  • majitele nebo obsluhu, kteří potřebují spravovat katalog, objednávky a běžný provoz bez závislosti na vývojáři.

Právě tohle propojení dělá z projektu víc než běžný lokální web.

Hodnota projektu

Na technické rovině je zajímavé, že nejde o defaultní e-commerce instalaci. OpravnaBicyklu má vlastní route strukturu, vlastní proxy vrstvu, specifické účtové flow, integrace pro lokální trh a přípravu na pokročilejší vyhledávání nad katalogem.

Na obchodní rovině dává smysl hlavně to, že jeden web obslouží více cílů najednou:

  • přivádí návštěvnost přes obsah,
  • převádí návštěvníky na rezervace,
  • prodává zboží,
  • a podporuje opakované nákupy přes zákaznický účet.

Výsledek

OpravnaBicyklu.cz je dobrý příklad toho, jak může i lokální specializovaný business fungovat na profesionálním full-stack řešení. Místo jednoduchého webu s kontaktem vznikla platforma, která spojuje marketing, služby, obchod i provozní automatizaci.

Pro portfolio je to silná ukázka práce na pomezí UX, e-commerce architektury, integrací a deploymentu — bez zbytečného přestřelení a s jasným napojením na reálný byznys.

// NÁHLEDY
// NEXT_CASE
Alex Parts
AI asistent pro autoservisy, který propojuje katalogy, e-shop, CRM a provoz