Ne každý web potřebuje server, který při každé návštěvě skládá stránku z databáze. Pro firemní prezentace, landing pages nebo blogy často stačí statický web v Next.js: stránky vzniknou jednou při sestavení a návštěvníkům se posílají jako hotové soubory. Výsledkem je rychlost, menší útočná plocha a jednodušší a levnější provoz.
V článku vysvětlíme, co je statické generování a statický export, proč je takový web rychlý a bezpečný, jak pomáhá v klasickém i AI vyhledávání a kde má limity. Na konci najdete přehled, pro jaké projekty se hodí a pro jaké ne.
Co je statické generování a statický export v Next.js?
Statické generování (SSG) znamená, že HTML stránky vzniknou při sestavení webu (buildu), ne až ve chvíli, kdy o ně návštěvník požádá. Data z CMS nebo jiných zdrojů se načtou jednou a výsledkem jsou hotové stránky.
Statický export jde o krok dál. Next.js podle oficiální dokumentace vygeneruje pro každou routu samostatný HTML soubor a celý web uloží jako sadu HTML, CSS a JavaScript souborů. Ty pak nasadíte na jakýkoli server, který umí obsluhovat statické soubory. Node.js potřebujete jen při buildu, na produkci neběží aplikační server, databáze ani PHP.
Na stejném principu stavíme i nový web Digiverse: obsah se sestaví při buildu a na hosting putují jen hotové soubory.
Proč je statický web rychlý, bezpečný a levný na provoz?
Rychlost
- Hotové HTML: server nic negeneruje ani nečeká na databázi, jen odešle soubor.
- CDN: soubory se dají rozmístit na síť serverů po světě, takže se načítají z místa blízko návštěvníkovi.
- Méně JavaScriptu: Next.js rozdělí web po stránkách, takže prohlížeč nestahuje kód, který aktuální stránka nepotřebuje.
To pomáhá metrikám Core Web Vitals, hlavně rychlosti vykreslení hlavního obsahu (LCP). Automatické to ale není: těžké obrázky, fonty nebo skripty třetích stran zpomalí i statický web. O metrikách píšeme víc v článku INP nahradilo FID v Core Web Vitals.
Bezpečnost
Bez databáze, PHP a přihlášení do administrace na produkční doméně ubývá míst, kudy se dá zaútočit. Útoky na zranitelné pluginy nebo přihlašovací stránku nemají na co cílit. Pro představu: podle reportu Patchstack bylo v roce 2025 v ekosystému WordPressu nahlášeno 11 334 nových zranitelností a zhruba 91 % z nich se týkalo pluginů. Neznamená to, že je WordPress špatná volba, jen vyžaduje pravidelnou údržbu. Statický web tenhle typ rizik z produkce odstraní, aktualizace závislostí, zabezpečení hostingu a služeb pro formuláře ale řešit musíte dál.
Hosting a provoz
Statické soubory zvládne téměř jakýkoli hosting, od klasického webhostingu po specializované služby pro statické weby s CDN. Odpadá správa aplikačního serveru a databáze, záplatování PHP i zálohování databáze. Web se navíc dobře škáluje: špička návštěvnosti po kampani znamená jen víc stažených souborů.
Jak statický web pomáhá SEO a AI vyhledávačům?
Vyhledávače i AI asistenti musí obsah nejdřív přečíst. Googlebot umí JavaScript vykreslit, řada AI crawlerů ale ne. Analýza Vercelu z prosince 2024 ukázala, že crawlery OpenAI, Anthropic a Perplexity JavaScript nespouštějí a pracují jen s HTML, které dostanou od serveru (The rise of the AI crawler).
Statický web posílá kompletní HTML hned v první odpovědi. Text, nadpisy, odkazy i metadata jsou čitelné bez spuštění jakéhokoli skriptu. Oproti webu, který se vykresluje až v prohlížeči (klasická SPA aplikace v Reactu), je to zásadní rozdíl. Hotové HTML posílá i dobře postavený WordPress, výhodou statického webu je hlavně rychlost a stabilní odezva. Při buildu se navíc snadno generuje sitemap, strukturovaná data a další soubory pro crawlery.
Jaké má statický web limity?
- Sám o sobě nemá administraci. Obsah je v kódu nebo v souborech, což lidem bez znalosti programování nevyhovuje. Řešením je headless CMS, například Strapi: redaktoři pracují v jeho administraci a web si obsah načte přes API při buildu. Srovnání najdete v článku WordPress, nebo Strapi: jak vybrat CMS.
- Změna obsahu znamená nový build. Publikace článku musí spustit sestavení a nasazení webu, ideálně automaticky. Strapi k tomu nabízí webhooky, které při publikaci obsahu upozorní externí službu a ta spustí build. Změna se proto neprojeví okamžitě, ale až po jeho dokončení.
- Dynamické funkce přes API. Statický export nepodporuje funkce, které potřebují server: cookies, přesměrování a hlavičky nastavené v konfiguraci Next.js, průběžnou regeneraci stránek (ISR), Server Actions ani výchozí optimalizaci obrázků. Dynamická data se načítají v prohlížeči z API, přesměrování se nastavují na hostingu.
- Formuláře potřebují koncový bod. Odeslaná data musí zpracovat vlastní API, serverless funkce nebo externí služba.
Pro jaké weby se statický Next.js hodí a pro jaké ne?
Hodí se pro:
- firemní a prezentační weby, kde se obsah mění v řádu dnů, ne minut,
- landing pages a kampaňové microsity,
- blogy, menší magazíny a dokumentaci,
- weby developerských projektů, portfolia a reference,
- projekty, u kterých chcete co nejvíc snížit provozní náklady a údržbu.
Nehodí se, nebo jen jako část řešení, pro:
- e-shopy s košíkem, skladem a cenami v reálném čase,
- portály s přihlášením a obsahem pro konkrétního uživatele,
- zpravodajské weby, kde se obsah mění každou chvíli,
- weby s obrovským počtem stránek, kde by build trval neúnosně dlouho.
V těchto případech dává smysl Next.js se serverem, kde se statické a dynamické stránky kombinují, případně jiná architektura.
Časté otázky
Potřebuje statický web v Next.js server?
Na produkci ne. Next.js se spouští jen při sestavení webu a výsledkem jsou HTML, CSS a JavaScript soubory. Ty zvládne obsluhovat běžný webhosting i CDN.
Může obsah upravovat i člověk bez znalosti programování?
Ano, pokud web propojíte s headless CMS, například se Strapi. Redaktor upraví obsah v administraci, po publikaci se automaticky spustí nový build a po jeho dokončení je změna na webu.
Je statický web lepší pro SEO než WordPress?
Ne automaticky. Oba mohou posílat hotové HTML, které vyhledávače i AI crawlery přečtou. Statický web má výhodu v rychlosti a stabilitě, o pozicích ale dál rozhoduje hlavně obsah a technická kvalita.
Zvažujete statický web?
Pokud chcete rychlý web s minimální údržbou, rádi s vámi probereme, jestli se statický Next.js hodí i pro váš projekt. Podívejte se, jak pracujeme s Reactem a Next.js a s headless CMS Strapi, a když budete chtít, ozvěte se nám.
