Web · 2026 · Safe Logic s.r.o., servis a výměna oken
Web Safe Logic: z builderu do Next.js
Safe Logic servisuje a mění okna a dveře po celé republice a web je pro ně hlavní zdroj poptávek. Běžel v hostovaném builderu, kde formuláře chodily přes cizí backend a nastavení SEO nešlo rozumně spravovat. Převedli jsme ho do Next.js tak, aby vypadal stejně a fungoval líp.
- Ve zkratce
- Věrný převod: původní vzhled řídí stejné CSS, přepsaný byl jen kontaktní formulář a zpracování poptávek.
- Poptávka se nejdřív uloží do MySQL, pak založí lead v Raynet CRM a odešle notifikaci i potvrzení zákazníkovi; výpadek e-mailu poptávku neztratí.
- Administrace s přehledem poptávek, nastavením příjemců a SEO per stránka (titulek, popis, noindex, skrytí stránky), sitemap a robots generované dynamicky.
Zadání
Web vznikl v builderu Sitejet a klient s ním byl spokojený vzhledově. Problém byl pod povrchem: formuláře chodily přes samostatný backend na jiné doméně, nastavení SEO a příjemců e-mailů vyžadovalo zásah vývojáře a hosting builderu neumožňoval nic napojit. Zadání znělo: stejný vzhled, vlastní provoz, poptávky pod kontrolou.
Co jsme udělali
- Převod do Next.js 15. Skript vytáhne z HTML exportu obsah, kritické CSS a metadata každé stránky, takže web vypadá stejně jako v builderu a při novém exportu se obsah přegeneruje jedním příkazem.
- Formuláře jako Server Actions. Ověření reCAPTCHA v3 a validace na serveru, uložení do MySQL (tabulky se při prvním použití vytvoří samy), lead v Raynet CRM, notifikace příjemcům a potvrzení zákazníkovi. Pořadí je záměrné: nejdřív databáze, pak e-mail, aby výpadek SMTP poptávku neztratil.
- Administrace. Stav databáze, SMTP, CRM a reCAPTCHA na jednom místě, posledních 200 poptávek, příjemci a odesílatel e-mailů s testovacím odesláním, a u každé stránky titulek, popis, OG a noindex nebo skrytí.
- Měření. GTM s Consent Mode a událost pro lead, aby na web mohly navázat kampaně.
Provoz
Web běží na vlastním hostingu přes Indepanel: nasazení z Gitu, tajné údaje v prostředí panelu, při startu se ověří, že nic nechybí. Stránky se renderují na serveru, protože nastavení z administrace se má projevit hned, bez nového buildu.
Další projekt
AI Toolkit: pět nástrojů zdarma →Kontakt
Máte projekt? Napište nám.
Pár vět o tom, co řešíte, stačí. Ozveme se do jednoho pracovního dne s otázkami a návrhem postupu.