Webová aplikace na míru: kdy ji stavět a jak vývoj probíhá

Co je webová aplikace na míru a kdy dává smysl

Webová aplikace na míru je program, který běží v prohlížeči a se kterým lidé denně pracují: zadávají data, schvalují, hledají, generují dokumenty. Na rozdíl od webu nejde o prezentaci, ale o nástroj. Typicky jde o interní systém pro evidenci zakázek, objednávek nebo reportů, klientskou zónu nebo specializovanou kalkulačku.

Software na míru dává smysl, když:

• hotový software pokrývá jen část procesu a zbytek se dělá ručně nebo obchází,
• data se přepisují mezi několika tabulkami a nástroji a vznikají v nich chyby,
• potřebujete funkci, kterou žádný hotový produkt nemá, nebo ji má jen v drahém balíku,
• chcete mít kontrolu nad tím, kde data leží a kdo k nim má přístup.

Rozhodující je vlastní rozhraní. Když potřebujete jen přenášet data mezi aplikacemi, posílat upozornění nebo pravidelně importovat tabulku, a nikdo s tím nebude klikat, patří to spíš do automatizace a integrací přes API.

Pro koho se hodí a pro koho ne

Hodí se firmám a podnikatelům, kteří přesně vědí, jaký problém řeší, a dokážou popsat, jak dnes práce probíhá. Nemusíte mít hotové zadání, to vznikne v analýze. Potřebujete ale člověka, který zná proces a může odpovídat na otázky.

Hodí se i tam, kde už backend existuje a chybí frontend, tedy část, kterou vidí uživatel. Na tom webrocks pracoval u interních PPC a reportingových nástrojů: převod grafického návrhu do Reactu a napojení na existující backend.

Nehodí se, pokud:

• chcete web, který představí firmu a sbírá poptávky, na to je firemní web,
• potřebujete nástroj, který pracuje přímo nad jinými weby v prohlížeči, tam bývá lepší Chrome rozšíření na míru,
• hledáte e-shop od nuly, ten webrocks nestaví.

Jak vývoj webové aplikace probíhá

1. Analýza požadavků

Nejdřív se ujasní, kdo bude aplikaci používat, jaké úkoly v ní dělá a s jakými daty. Výsledkem je seznam funkcí rozdělený na to, co musí být v první verzi, a co může přijít později. Tady se rozhoduje o ceně víc než kdekoli jinde.

2. Návrh architektury

Rozhodne se, kde budou data, jestli aplikace potřebuje server, přihlašování a napojení na jiné systémy. Ne každá aplikace server potřebuje. Příkladem je Pagami.cz, bezplatný fakturační nástroj pro OSVČ od webrocks: data zůstávají v prohlížeči v IndexedDB (databáze přímo v prohlížeči), údaje o firmách doplní napojení na ARES, faktura má QR platbu a export do PDF.

3. Vývoj po částech

Aplikace vzniká po menších celcích, které jde vyzkoušet. Dřív odhalíte, co v zadání chybí, a nečekáte na hotový celek, abyste zjistili, že něco funguje jinak, než jste čekali.

4. Testování a předání

Před předáním se aplikace projde na reálných scénářích a s reálnými daty. Pak se nasadí na hosting a předá se včetně informací potřebných k dalšímu provozu.

Desktop a mobil: Electron a React Native

Většina interních nástrojů vystačí s webovou aplikací. Funguje na počítači i v mobilu, nic se neinstaluje a aktualizace dostanou všichni najednou.

Pokud chcete, aby šla aplikace nainstalovat s vlastní ikonou a oknem, nabízí se PWA (progresivní webová aplikace). Může fungovat i offline a jeden kód slouží všem zařízením. Před rozhodnutím je dobré ověřit, že funkce, které potřebujete, fungují na zařízeních, která lidé skutečně používají.

Electron je framework pro desktopové aplikace v JavaScriptu, HTML a CSS. Obsahuje Chromium a Node.js a jedna aplikace běží na Windows, macOS i Linuxu. Dává smysl, když lidé chtějí samostatný program v počítači místo karty v prohlížeči.

Mobilní aplikace na míru jde postavit v React Native. Pro novou aplikaci jeho dokumentace doporučuje framework Expo. Volba mezi PWA a nativní aplikací stojí hlavně na tom, které funkce telefonu aplikace potřebuje. PWA jde podle web.dev také umístit do obchodů s aplikacemi, takže to samo o sobě důvod pro nativní aplikaci není.

Co dostanete

• funkční aplikaci v rozsahu domluveném v analýze,
• zdrojový kód a přístup k němu podle podmínek ve smlouvě,
• aplikaci nasazenou na hostingu, nebo připravenou k nasazení na váš server,
• popis, jak aplikaci spustit, nasadit a kde jsou nastavení,
• seznam věcí, které zůstaly mimo první verzi, aby se na ně nezapomnělo.

Na co si dát pozor

Příliš velká první verze. Častá chyba je chtít všechno najednou. Menší první verze se dřív dostane k lidem a ukáže, co opravdu potřebují.

Server tam, kde není potřeba, a naopak. React pro nové aplikace doporučuje začít s frameworkem, například Next.js, a ty umí i čistě statickou aplikaci bez serveru. Statický export Next.js ale neumí některé funkce, například Server Actions, přesměrování z konfigurace nebo výchozí optimalizaci obrázků. Když je aplikace potřebuje, nestačí statický hosting a je potřeba server s Node.js.

Kde jsou data. Data jen v prohlížeči znamenají soukromí a žádné náklady na server, ale i to, že je vidí jen jedno zařízení a o zálohu se stará uživatel. Data na serveru zase vyžadují přihlašování, zálohy a správu přístupů.

Údržba. Knihovny a platformy stárnou. Node.js 20 je podle plánu vydání od 30. 4. 2026 po konci podpory a projekt Node.js doporučuje pro produkci jen verze s dlouhodobou podporou (LTS). S aktualizacemi je potřeba počítat i u aplikace, na které se nic nemění.

Kdy aplikaci na míru nestavět

Když hotový nástroj pokryje většinu procesu a zbytek je otázka zvyku, vyjde levněji ho přijmout. Stejně tak když vám stačí sdílená tabulka a problém je jen v tom, že ji nikdo nevede. Aplikace špatný proces nespraví, jen ho zrychlí.

Mezi tabulkou a aplikací bývá i třetí cesta: nechat tabulku, jak je, a doplnit k ní skript, který data zkontroluje, přenese nebo pošle upozornění.

Kolik stojí webová aplikace na míru

Webová aplikace je v ceníku dle rozsahu a zahrnuje analýzu požadavků, návrh architektury, vývoj na míru a testování. Orientační hodinová sazba podle ceníku je od 500 Kč/hod. Cena závisí na rozsahu a složitosti projektu.

Cenu zvyšuje:

• více typů uživatelů s různými oprávněními,
• napojení na další systémy, zvlášť bez dobré dokumentace,
• desktopová nebo mobilní verze vedle webové,
• nejasné zadání, které se mění během vývoje.

Cenu snižuje jasně vymezená první verze, jeden typ uživatele a aplikace bez vlastního serveru, kde to jde. Pokud máte představu, co má aplikace řešit, popište ji v poptávce. Odpověď přijde do 24 hodin.

Časté otázky

Jaké technologie webrocks používá?

JavaScript, React, Next.js a Node.js. Pro desktop Electron, pro mobil React Native. Konkrétní volba se řídí tím, co aplikace potřebuje, ne obráceně.

Komu patří zdrojový kód?

Vlastnictví a licence ke kódu se domlouvají ve smlouvě před začátkem vývoje. Vyplatí se v ní vyjasnit přístup k repozitáři a to, jestli smíte kód dál upravovat s jiným dodavatelem. Knihovny třetích stran mají vlastní licence.

Jak dlouho vývoj trvá?

Záleží na rozsahu první verze, počtu napojení na jiné aplikace a na tom, jak rychle přicházejí odpovědi a zpětná vazba. Odhad termínu dává smysl až po analýze požadavků.

Jak funguje údržba po předání?

Údržbu je dobré domluvit zvlášť: aktualizace knihoven a platformy, opravy chyb a drobné úpravy. Bez údržby aplikace dál běží, ale postupně zastarává.

Webová aplikace na míru, nebo hotový systém?

Hotový systém je rychlejší a levnější na start, pokud pokryje většinu procesu. Aplikace na míru se vyplatí, když hotové řešení vyžaduje neustálé obcházení nebo nemá funkci, bez které se neobejdete.