Případová studie · Vlastní web + business platforma

TvojeAplikace.cz — platforma pro vývoj aplikací na paušál

Webová prezentace a business platforma pro službu vývoje mobilních aplikací na měsíční paušál. 7-otázkový konfigurátor cen, 6-step booking konzultace, 4-step diagnostika problémů, MDX blog s administrací, dvojjazyčné prostředí. Next.js 15 statický export + PHP API + MySQL.

Next.js 15 React 19 TypeScript Tailwind v4 PHP 8.1+ API MySQL MDX blog i18n CS/EN
TvojeAplikace.cz — náhled webu
Klient
Vlastní platforma Reactive Studia
Účel
Lead generation pro službu vývoje aplikací na paušál
Frontend
Next.js 15 (App Router, statický export), React 19, Tailwind v4
Backend
PHP 8.1+, MySQL, Apache .htaccess
Lokalizace
Čeština + angličtina (next-intl v4)
Blog
MDX soubory + databázové CMS

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:

  1. npm run build — fetch článků z DB → Next.js build → generace RSS → inline CSS
  2. ./scripts/build.sh — post-build: kopírování cs/ obsahu do rootu (default jazyk bez prefixu), generace .htaccess pro pretty URLs
  3. ./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.

Stavíte vlastní lead-gen platformu?

Specializujeme se na conversion-first weby s konfigurátory, booking systémy a vícekrokovými wizard formuláři. Next.js, PHP API, hostování za rozumnou cenu.