Magazín HugoPress

Píšeme, ať se vám publikuje samo

Návody, případové studie a poznámky z provozu headless CMS, které generuje bleskově rychlý statický web přes obyčejné Git commity.

Číst nejnovější Odebírat novinky

Nejnovější články

Architektura, výkon i redakční praxe — píšeme o tom, jak proměnit obsah v rychlý a odolný statický web.

Architektura Hugo Headless

Jak postavit headless CMS nad Hugem

Klasické monolitické CMS spojuje psaní obsahu, jeho ukládání i samotné vykreslování do jednoho běžícího procesu. To je pohodlné, dokud nezačnete řešit výkon, bezpečnost a škálování. Headless přístup tahle tři odpovědnosti rozpojí — a přesně na tom stojí HugoPress. Tři vrstvy, tři odpovědnosti Editor — autoři píší v blokovém editoru (Editor.js). Výstupem je čisté strukturované JSON, ne změť HTML z WYSIWYGu. Doménová vrstva — CMS převede bloky na hotové HTML pomocí BlockRenderingPipeline. Theme samotný o Editor.js vůbec neví. Doručení — vyrenderovaný obsah se zapíše jako content/<lang>/... a commitne do Gitu. Hugo z něj postaví statický web. Theme nezná Editor.js. Všechny renderery sedí na straně CMS — díky tomu je šablona hloupá, přenositelná a snadno testovatelná.

21 May 2026 Číst dál

Výkon CDN Hugo

Proč statický web vyhrává na hraně sítě

Když uživatel otevře dynamickou stránku, server typicky sáhne do databáze, sestaví HTML a teprve pak odpoví. U statického webu je tahle práce hotová už během buildu — k requestu zbývá jen poslat hotový soubor. Co se ušetří Round-trip do databáze — neexistuje, obsah je už v HTML. Čas běhového prostředí — žádný PHP/Node proces na kritické cestě. Vzdálenost — soubor leží v CDN POPu pár desítek kilometrů od čtenáře. Měřitelný dopad Metrika Dynamicky Staticky na CDN TTFB ~280 ms ~25 ms LCP (medián) 2,4 s 0,9 s Náklady na request nezanedbatelné ~nula Nejrychlejší dotaz do databáze je ten, který se nikdy nemusí provést.

30 Apr 2026 Číst dál

i18n Obsah Hugo

Dvojjazyčný web bez bolesti

Vícejazyčnost bývá ve většině systémů zdroj utrpení — duplicitní šablony, rozjeté překlady, rozbité odkazy mezi jazyky. Hugo to řeší překvapivě elegantně a HugoPress jen dotahuje pár detailů. Jeden layout, dva jazyky Data sekce žijí ve front matteru stránky, layout je sdílený. Stejná šablona layouts/blog/list.html čte .Params.* a vykreslí cs i en variantu — žádná duplikace logiky. Párování přes translationKey Stačí dát oběma verzím stejný translationKey: # content/cs/blog/_index.md translationKey: blog # content/en/blog/_index.md translationKey: blog Hugo z toho automaticky vyrobí dvojici a přepínač jazyků v hlavičce odkáže na správný protějšek. Když překlad chybí, přepínač elegantně degraduje na domovskou stránku druhého jazyka.

12 Apr 2026 Číst dál

Redakce Workflow Git

Redakční tok, který končí commitem

Skvělá architektura je k ničemu, pokud se v ní redakci špatně pracuje. Proto jsme redakční tok HugoPressu postavili kolem tří jednoduchých stavů. Tři stavy článku Koncept — autor píše v editoru, ukládá kdykoliv, nic se nepublikuje. Náhled — jedním kliknutím se obsah vyrenderuje a nasadí na náhledový web, identický s produkcí. Publikováno — schválený obsah se commitne do produkčního repozitáře a spustí se build. Náhled = produkce Náhled běží nad stejnou šablonou i stejným pipeline jako ostrý web. Co vidíte v náhledu, to dostanou čtenáři — žádná překvapení při nasazení.

28 Mar 2026 Číst dál

Nový článek vám pošleme e-mailem

Jednou za čas shrnutí nového obsahu o headless publikování, Hugo a statickém doručování. Žádný spam, odhlášení jedním kliknutím.