Co TvojeAplikace.cz dělá
TvojeAplikace.cz je samostatná business platforma Reactive Studia,
která prodává jeden konkrétní produkt: mobilní aplikaci na měsíční paušál
od 29 990 Kč. Cílí na startupy a menší firmy, které chtějí vlastní mobilní
aplikaci, ale nemají rozpočet 1–3 milionů na klasický fixed-price vývoj. Místo toho
si pronajímají kompletní vývojový tým za měsíční předplatné s flexibilním rozsahem
a možností výpovědi kdykoliv.
Web byl navržen jako conversion-first platforma — každá funkce má
jediný cíl: dostat návštěvníka k bezplatné konzultaci. Konfigurátor cen, diagnostika,
blog, FAQ, casestudy — všechno končí stejnou CTA: „Domluv si bezplatnou
konzultaci".
Klíčové funkce platformy
7-otázkový konfigurátor cen
Návštěvník odpoví na 7 otázek o jeho představě (typ aplikace, počet platforem,
rozsah funkcí, integrace) a dostane odhad měsíčního paušálu. Žádný „kontaktujte
nás pro cenu" — transparentní rozsah, který zvyšuje důvěru a snižuje friction.
6-step booking wizard
Vícekrokový průvodce pro sjednání konzultace. Sbírá kontext (typ projektu,
fáze, rozpočet, urgence) přes několik UX-friendly kroků místo jednoho dlouhého
formuláře. Dramaticky vyšší completion rate než klasický kontakt formulář.
Diagnostika problémů
4-step wizard pro klienty, kteří mají existující aplikaci s problémy a hledají
pomoc. Zjišťuje, co konkrétně selhává (UX, výkon, crash, business metriky)
a doporučuje, jakou službu si pronajmout.
MDX blog s administrací
Hybridní blog: články jsou MDX soubory v repu (verze v Gitu), ale metadata,
kategorie a publikování jdou přes admin panel s databází. Spojuje výhody
developer experience (Markdown ve VS Code) s ne-technickou redakcí.
Architektura
Frontend: Next.js 15 statický export
Web je statický export Next.js 15 (output: "export") —
buildem se generuje sada HTML souborů, které lze hostovat na obyčejném sdíleném
hostingu s Apache. Žádný Node.js v produkci, žádný Vercel lock-in. To dramaticky
snižuje provozní náklady (běžný hosting za stovky korun měsíčně) a zlepšuje TTFB
(statický soubor servuje webserver okamžitě, bez SSR overhead).
React 19 a Server Components používáme jen tam, kde to dává smysl pro statický
build — typicky pro datové komponenty (blog seznam, FAQ, sluzby), které se
renderují v build time. Interaktivní komponenty (konfigurátor, booking wizard,
diagnostika) jsou client-side React s explicitním "use client".
Backend: PHP 8.1+ API
API je PHP, ne Node.js. Důvod: kombinuje se s Apache hostingem na
stejném prostoru (žádný separátní backend server), je jednoduchý na deployment
(FTP/SFTP) a klientovi srozumitelný — kdyby nás zítra opustil, najít PHP vývojáře je
triviální. PHP API obsluhuje:
- Booking konzultací (uložení do MySQL + e-mail notifikace)
- Konfigurátor — výpočet ceny serverside (žádný leak business logiky do JS)
- Diagnostika — uložení odpovědí + email s doporučením
- Blog admin — CRUD operace nad MDX články, kategoriemi, taguy
- Newsletter signup, kontaktní formulář, audit přístupu
Lokalizace přes next-intl v4
Dvojjazyčné prostředí (cs jako default, en jako alternativa)
přes next-intl v4. Překlady v JSON souborech
messages/{locale}.json, hreflang tagy generované automaticky, redirect
podle browser locale s respektem k uživatelské volbě (cookie).
SEO optimalizace
- Inline kritického CSS — post-build skript inlinuje kritickou sadu CSS do
<head>, zbytek deferred
- RSS feed generovaný z blogu při buildu
- Strukturovaná data — Organization, FAQPage, Article schemas pro každou stránku
- Optimalizace obrázků přes Next.js Image (s fallback statickými WebP variantami)
- Open Graph + Twitter Card per stránka
- Sitemap a robots.txt generované při buildu
- llms.txt pro AI asistenty s konkrétním produktovým popisem
Klíčové technické rozhodnutí
Statický export místo SSR
Pro lead-gen web s několika dynamickými prvky (formuláře, konfigurátor) je statický
export ekonomicky správná volba. Vytváří mnohem rychlejší stránky než SSR
(edge cache hit instantní), nevyžaduje Node.js server, hostuje se za pár stovek
měsíčně. Dynamické věci (POST formulářů, výpočet konfigurátoru) řeší PHP API
izolovaně — nepotřebujeme isomorfní React Server Components, když 99 % obsahu
je statické.
MDX místo headless CMS
Jiné weby používají Contentful, Sanity nebo Strapi. My jsme šli cestou
MDX souborů v repu + databázová metadata pro adminem editovatelné
věci (kategorie, datum publikování, autor). MDX umožňuje vkládat React komponenty
přímo do článků — interaktivní příklady kódu, embeded konfigurátor, custom alerty.
Verze v Gitu, žádné CMS náklady, výborné developer experience.
Šifrování emailů a citlivých dat
Booking a diagnostika sbírají citlivá data (jména, telefony, popis projektů).
V databázi šifrujeme přes libsodium a klíč držíme v env proměnné
mimo Git. Při kompromitaci databáze útočník nedostane plaintext leady.
Deploy pipeline
Build process:
npm run build — fetch článků z DB → Next.js build → generace RSS → inline CSS
./scripts/build.sh — post-build: kopírování cs/ obsahu do rootu (default jazyk bez prefixu), generace .htaccess pro pretty URLs
./scripts/deploy.sh — bezpečný SFTP deploy, který excluduje api/, uploads/, messages/, data/, cache/ — nikdy nepřemaže serverové data nebo content uploady
Co projekt potvrdil
Pro conversion-first lead-gen platformy není moderní Next.js + PHP
backend kompromis, ale výborná architektura. Statický export je rychlý, hostingově
levný a snadno udržovatelný. PHP API izoluje business logiku, neleakují se výpočty
do klienta a backend je nezávislý na frontendovém deploy cyklu.
Konfigurátor cen byl kritické UX rozhodnutí, které zásadně zvýšilo conversion rate.
Klienti, kteří dostanou orientační cenu před prvním kontaktem, jsou kvalifikovanější
(nepotřebujeme s nimi řešit, že 30k Kč na MVP je málo) a rychleji konvertují
do podepsané smlouvy.
Druhý klíčový pattern: vícekrokový booking wizard místo „velkého
kontaktního formuláře" zvyšuje completion rate dramaticky. Lidé vyplní 6 jednoduchých
kroků, ale zalekne je jeden formulář s 12 poli. Stejný objem informací, jiné UX, jiný
výsledek.