Dům se 44 byty, který se pronajme na webu a spravuje v telefonu
Baťovský dům z roku 1938 dostal ve dvou patrech 44 nových bytů k pronájmu. Web je nabídne: byt se vybírá kliknutím do schématu patra, každý má vlastní stránku a žádost odejde rovnou z ní. Po podpisu smlouvy přebírá portál Můj byt: závady s fotkou z telefonu, nástěnka domu s potvrzením, že se oznámení dostalo ke každému, a to celé ve třech jazycích. Web je hotový a čeká na dokončení domu.
44
bytů, každý s vlastní stránkou
Pět typů od garsoniéry o 21,8 m² po 2+kk s galerií, ve dvou patrech
Projektová dokumentace a web, 31. 10. 2026
3
jazyky webu, portálu i e-mailů
Čeština, angličtina a ukrajinština. Jazyk e-mailů si volí každý nájemník
Zdrojový kód, 31. 10. 2026
5
stavů závady, které nájemník vidí
Přijato, řeší se, čeká na řemeslníka, opraveno, uzavřeno. Každá změna mu přijde e-mailem
Zdrojový kód, 31. 10. 2026
0
cizích domén, ze kterých se něco načítá
Ani mapa, ani písmo. Proto web nepotřebuje lištu se souhlasem
Zadání a zdrojový kód, 31. 10. 2026
Web se nám moc líbí. Nejvíc interaktivní schéma pater, kde zájemce klikne na byt a hned vidí, co ho zajímá, a administrace, ve které si pronájmy vedeme sami.
Ing. Jan Řehořekředitel odboru správy majetku, TOMA, a.s.
- Byt se vybírá kliknutím do patra
- Každý ze 44 bytů má vlastní stránku
- Žádost o pronájem i o prohlídku, klidně na víc bytů
- Portál nájemníků Můj byt
- Závada nahlášená za minutu, i s fotkou z telefonu
- Tři jazyky od prvního dne
- Administrace pro správu domu
- Doklad, že se oznámení dostalo ke každému
- Konec nájmu ukončí přístup sám
- Hlídání volného bytu
- Ceny se zveřejní jedním přepnutím
- Mapa okolí bez cizí domény
- Vyhledávače až po schválení
- Stránka pro firmy, které potřebují ubytovat zaměstnance
- Diskuse sousedů s moderací, která se nezahltí
- Ranní přehled pro správu
Zadání
Dům čtyřka v Otrokovicích je baťovský železobetonový skelet z roku 1938. V přízemí zůstává zdravotnické středisko, druhé a třetí patro se přestavěla na 44 bytů kolem centrální chodby s výtahem: od garsoniéry o necelých 22 metrech po 2+kk s galerií a přes 82 metry užitné plochy. Nová okna, zateplení, lodžie u každého bytu. Byty se jen pronajímají, neprodávají.
Zadání znělo jako běžný realitní web: prezentace postavená na fotkách, katalog bytů, žádosti zájemců, stránka o domě a administrace se žádostmi a návštěvností. Jenže 44 bytů neznamená 44 obchodů a konec. Znamená 44 domácností, které budou hlásit kapající kohoutek, potřebovat vědět o odstávce vody a ptát se, kdy přijde řemeslník.
A správa domu to bez nástroje řeší telefonem, e-mailem a papírkem. Totéž hlásí pět lidí, oznámení na chodbě nevidí ten, kdo jede na směnu, a když se při revizi nedá dostat do bytu, není doklad, že nájemník věděl. Část nájemníků navíc budou zaměstnanci firem z okolí, kteří česky nemluví.
Návrh
Dvě půlky jednoho webu. První pronajímá: schéma patra, katalog, žádost. Druhá spravuje: portál nájemníků Můj byt. Obě sdílejí jednu databázi bytů, takže byt, který se v administraci označí jako pronajatý, má rovnou i nájemníka s přístupem do portálu.
Vzhled podle budovy, ne podle šablony. Bílý betonový skelet a cihlové výplně: tenké linky přes plochy, obdélníková pole bez zaoblení a stínů, čísla bytů velkým písmem jako na štítcích v Baťově Zlíně. Barvy jsou vzaté z fotek domu, zelená zůstala volným bytům.
Telefon první. Nájemník bude hlásit závadu s mobilem v ruce u toho, co se rozbilo. Fotka přímo z fotoaparátu, velká tlačítka, žádné tabulky. Na každé stránce hlášení je nahoře telefon pro havárie, protože webový formulář ve dvě ráno nikdo nečte.
Nic se neslibuje dřív, než to platí. Plochy z projektové dokumentace čekají na potvrzení a ceny na rozhodnutí klienta. Web proto ukazuje „ceny zveřejníme brzy“ a zůstává mimo vyhledávače, dokud to neplatí.
Řešení
Web běží na Next.js nad vlastní databází PostgreSQL, v Dockeru za Caddy. Je postavený na mém jádru pro klientské weby, takže administrace, přihlašování, e-maily a statistiky nevznikaly od nuly a čas zbyl na portál. Nenačítá se nic z cizí domény, ani mapa: ta je vlastní kresba z dat OpenStreetMap.
Byty jako data. Dispozice všech 44 bytů jsou v kódu, protože zdi se nemění. Stav, nájem, zálohy a datum uvolnění jsou v databázi, protože ty se mění pořád. Ze stejných dat se kreslí schéma patra, seznam s filtrem, detail bytu i výběr bytu v žádosti.
Portál nájemníků má vlastní účty a vlastní adresu, oddělené od administrace. Účet vzniká jen pozvánkou z karty bytu, nájemník si nastaví heslo sám a přístup trvá, dokud běží nájem. Spolubydlící, nejvýš čtyři v bytě, si zve sám.
Nástěnka umí oznámení pro celý dům, vybraná patra nebo vybrané byty. Důležitá oznámení odejdou e-mailem všem bez ohledu na jejich nastavení a nájemníci je potvrzují. Odstávka nebo revize se den předem a v ten den ukáže nahoře v pruhu „Teď v domě“.
Závady mají vlastní frontu se stavy, termínem opravy a interní poznámkou pro správu a údržbu. Údržbář má svou roli a vidí jen závady, k nájemníkům ani k žádostem zájemců se nedostane. U závad ve společných prostorách se ostatní jen přidají přes „týká se i mě“, takže totéž nehlásí pět lidí.
Výsledek
Web je hotový, dům zatím ne. Prezentace, katalog 44 bytů, žádosti, stránka pro firmy i celý portál nájemníků běží na produkci. Veřejně se ale ještě nespustil: dům se dokončuje a čeká se na data od klienta, potvrzené plochy a ceny. Do té doby je web na dočasné adrese a mimo vyhledávače.
Klient je spokojený. Nejvíc chválí interaktivní schéma pater a bytů, ve kterém si zájemce byt vybere kliknutím, a administraci pronájmů, ve které si žádosti a stav bytů vede sám, bez prostředníka.
Poznámka na rovinu: o obsazenosti ani o tom, kolik žádostí web přinese, se dnes nedá tvrdit nic. Doplní se sem, až dům poběží.
Co web umí a co z toho klient má
Jádro zadání
7 funkcíCo klient chtěl a bez čeho by web nefungoval
Byt se vybírá kliknutím do patra
Obě patra jsou nakreslená jako schéma: výtah, schodiště, chodba, strana do zeleně a strana nad parkovištěm. Cihlová barva je volný byt. Kliknutím se otevře jeho detail.
Technická poznámka
Schéma je nakreslené ve vektorech, ne vyfocený výkres. Jen tak může každý byt nést svůj stav a odkaz a zůstat čitelný na telefonu.
Každý ze 44 bytů má vlastní stránku
Půdorys, tabulka místností s plochami, poloha v patře, fotky typu bytu, nájem a zálohy. Žádost odejde přímo z detailu, předvyplněná tím bytem.
Žádost o pronájem i o prohlídku, klidně na víc bytů
Zájemce vybere jeden nebo víc bytů a pošle žádost. Správa ji vidí v administraci, odpovídá z ní a mění stav bytu na rezervovaný nebo pronajatý.
Portál nájemníků Můj byt
Po podpisu smlouvy dostane nájemník pozvánku. V portálu hlásí závady s fotkou, čte nástěnku domu, píše správě a najde dokumenty ke svému bytu. Spolubydlící si pozve sám.
Technická poznámka
Účty vznikají jen pozvánkou, ne volnou registrací. Seznam nájemníků zná správa a ověřování, kdo je kdo, by stejně skončilo u ní.
Závada nahlášená za minutu, i s fotkou z telefonu
Nájemník vybere místo, popíše závadu, přiloží fotku a řekne, kdy je doma. Každou změnu stavu dostane e-mailem. Po opravě ji potvrdí a ohodnotí, nebo znovu otevře.
Technická poznámka
Na každé stránce hlášení je nahoře telefon pro havárie. Webový formulář nikdo nečte ve dvě ráno a portál, který by předstíral opak, by byl nebezpečný.
Tři jazyky od prvního dne
Web, portál i e-maily česky, anglicky a ukrajinsky. Část nájemníků budou zaměstnanci firem z okolí, kteří česky nemluví, a odstávka vody se jich týká stejně.
Administrace pro správu domu
Žádosti, byty se stavem, nájmem a datem uvolnění, nájemníci, nástěnka, diskuse, zprávy, dokumenty, závady a návštěvnost. Čísla u položek menu ukazují, co čeká.
Vychytávky
6 funkcíDetaily, které nikdo nezadal a dělají rozdíl
Doklad, že se oznámení dostalo ke každému
U důležitých oznámení, jako je odstávka nebo revize se vstupem do bytu, potvrzuje nájemník „Beru na vědomí“. Správa vidí, kdo potvrdil, a ostatním jedním tlačítkem připomene.
Technická poznámka
Papír na chodbě nevidí ten, kdo jede na směnu, a hlavně po něm nezůstane doklad. U revize, kvůli které se musí do bytu, je to rozdíl mezi „nevěděl jsem“ a záznamem s časem.
Konec nájmu ukončí přístup sám
Účet patří osobě, přístup bytu. Po posledním dni nájmu se nájemník do portálu nedostane a přestanou mu chodit e-maily, aniž by na to správa musela myslet.
Hlídání volného bytu
Kdo nenašel volný byt, jaký chtěl, nechá si poslat e-mail, až se uvolní. Správa tak má frontu zájemců dřív, než byt vůbec inzeruje.
Technická poznámka
Odkaz na odhlášení v e-mailu jen otevře stránku a zruší až tlačítko. Poštovní programy odkazy předem otevírají a jinak by hlídání rušily samy.
Ceny se zveřejní jedním přepnutím
Nájem a zálohy jsou u každého bytu v administraci. Dokud je klient nezveřejní, web ukáže „ceny zveřejníme brzy“, ne prázdné pole ani vymyšlenou částku.
Mapa okolí bez cizí domény
Mapa na stránce Lokalita je vlastní kresba z dat OpenStreetMap v barvách webu, světlá i tmavá. U bodů z okolí je vzdálenost a čas pěšky.
Technická poznámka
Vložená mapa od Googlu nebo Seznamu by načítala cizí skripty a chtěla souhlas s cookies. Kresba je jeden soubor, který se stáhne jako obrázek.
Vyhledávače až po schválení
Plochy z projektové dokumentace čekají na potvrzení a ceny na rozhodnutí klienta. Dokud to neplatí, je indexace vypnutá: neověřené číslo ve výsledcích hledání se stahuje hůř než ze stránky.
Bonusy nad rámec
3 funkcePráce navíc, která se nepočítala
Stránka pro firmy, které potřebují ubytovat zaměstnance
Firmy z průmyslového areálu v docházkové vzdálenosti si můžou pronajmout víc bytů najednou, na jednu smlouvu a jednu fakturu. Mají vlastní stránku a vlastní druh žádosti.
Diskuse sousedů s moderací, která se nezahltí
Vlákna podle témat. Příspěvek, který nahlásí tři různí lidé, se skryje sám a rozhodnutí je pak na správě. Správa může vlákno zavřít, přesunout nebo dát dočasný zákaz psaní.
Ranní přehled pro správu
Každé ráno e-mail s tím, co čeká: nové závady, nepřečtené zprávy, dotazy bez odpovědi, nahlášené příspěvky. Nájemník si sám vybere, jestli chce e-maily hned, denně, nebo týdně.
Z čeho je to postavené a proč
Next.js
Web, administrace i portál nájemníků jsou jedna aplikace se třemi oddělenými vstupy. Chyba v portálu nesmí otevřít cestu do administrace, proto má nájemník vlastní tabulku účtů i vlastní cookie.
React
Schéma patra, ve kterém se byt vybírá kliknutím, a hlášení závady s fotkou přímo z fotoaparátu. Zbytek stránky se skládá na serveru a do prohlížeče jde jen to, co je opravdu interaktivní.
TypeScript
Dispozice 44 bytů jsou data v kódu a stav nájmu v databázi. Typy hlídají, aby se ty dvě půlky nerozešly: byt, který v kódu není, nejde v administraci pronajmout.
Tailwind CSS
Vzhled podle fasády domu: tenké linky skeletu, obdélníková pole bez zaoblení a stínů, barvy vzaté z fotek. Světlý i tmavý režim z jedné sady tokenů.
PostgreSQL
Žádosti zájemců, nájmy s datem od a do, závady s historií stavů, oznámení s evidencí, kdo je potvrdil. Vlastní databáze webu, ne sdílená s jiným projektem.
Prisma
Datový model nájemníka: účet patří osobě, přístup bytu. Konec nájmu ukončí přístup sám, správa na nic myslet nemusí.
Docker a Caddy
Aplikace a databáze v uzavřené síti, ven vede jen Caddy. Přechod na doménu klienta je výměna jednoho souboru, staré odkazy z odeslaných e-mailů trvale přesměrují.
Jak to vypadá

Úvodní stránka: dům z roku 1938 a hned pod ním čísla, která zájemce zajímají 
Schéma obou pater: cihlová je volný byt, kliknutím se otevře jeho detail 
Detail bytu: stav, plochy, fotky typu a žádost rovnou z této stránky 
Pět typů bytů s fotkami, plochou a počtem volných 
Mapa okolí jako vlastní kresba z OpenStreetMap, bez cizí domény

Na mobilu jsou tlačítka Vybrat byt a Domluvit prohlídku hned pod fotkou
Co si z toho odnést
- Co se dodalo
- Web na míru, Aplikace na míru, Správa a rozvoj
- Web běží od
- 2026
- 44bytů, každý s vlastní stránkou
- 3jazyky webu, portálu i e-mailů
- 5stavů závady, které nájemník vidí
- 0cizích domén, ze kterých se něco načítá
Potřebujete něco podobného
Napište nám, co řešíte. Ozveme se do jednoho pracovního dne a řekneme rovnou, jestli to umíme a co to bude stát.
Další reference
Všechny reference
SVJ partner s.r.o.Správa areálů a nemovitostí2026Sto stránek, na kterých výbor domu najde odpověď dřív, než by musel volat
832návštěv z Googlu za září a říjen
Next.jsReactTypeScriptTailwind CSS
Celá studie
SAFETY Kyjov s.r.o.Služby2026Nabídka pro zákazníka odchází odkazem, ne přílohou, a Google dává webu 99 ze 100
99 / 100výkon na mobilu podle Googlu
Next.jsReactTypeScriptTailwind CSS
Celá studie