Headless CMS Payload

Payload CMS, obsah bez limitů.

Moderní CMS na TypeScriptu, které běží přímo v Next.js. Postavíme od nuly, doplníme chybějící funkce nebo navážeme na rozpracovaný projekt. Typicky 6–10 týdnů od návrhu modelu po spuštění.

Pro koho to je

Když obsah
žije na víc místech.

Payload je open-source CMS, které je zároveň součástí vaší aplikace. Obsahový model se píše v kódu, takže se verzuje, testuje a nasazuje stejně jako zbytek projektu. Žádné klikání v administraci, které nikdo nedokáže zreprodukovat.

Stejný obsah potřebuje web i aplikace.

Produkty, články nebo texty zadáte jednou a web, mobilní aplikace i další kanály si je berou přes API. Nemusíte udržovat dvě verze téhož obsahu, které se rozcházejí.

Editoři chtějí skládat stránky z bloků.

Page builder z hotových bloků dává redaktorům volnost bez rizika rozbitého designu. Každý blok má definovaná pole a v editoru se zobrazuje s živým náhledem.

Tým chce mít obsahový model v kódu a gitu.

Kolekce, pole i oprávnění jsou TypeScript. Změna prochází review, testy a nasazením, takže víte, kdo, kdy a proč model změnil. Typy sdílíte s frontendem, takže chyby odhalí překladač.

Co dostanete

Šest výstupů, které si odnesete

01Datový model kolekcíNavržené kolekce, pole a vztahy podle vašeho obsahu: stránky, články, produkty, autoři. Schéma je v kódu a snadno se rozšiřuje o nové typy.
02Page builder z blokůSada bloků (hero, galerie, ceník, formulář, CTA), ze kterých redaktoři skládají stránky. Každý blok má živý náhled a hlídá konzistenci designu.
03Role a oprávněníAutor, redaktor, schvalovatel, správce. Každý vidí a upravuje jen to, co potřebuje, a změny zůstávají dohledatelné.
04Náhledy a verze obsahuKoncepty, plánované publikování a historie verzí s možností návratu. Redaktor si stránku prohlédne ve skutečném designu ještě před zveřejněním.
05VícejazyčnostPřeklady na úrovni polí, záložní jazyk a oddělené publikování. Hotové je i přepínání jazyků a správné adresy pro SEO.
06Napojení na frontendTypované API (REST i GraphQL) a hotové napojení na Next.js. Frontend čte obsah rychle a při změně se stránky samy přegenerují.

Náš přístup

Od datového modelu k obsahu, který se škáluje.

Dobré CMS začíná dobrým modelem. Proto ho navrhneme jako první a teprve podle něj stavíme editor i frontend.

01

Návrh datového modelu

Zmapujeme obsah, kdo ho zadává a kde se používá. Navrhneme kolekce, pole a vztahy. Výstupem je schéma, které schválíte dřív, než se začne programovat.

Schéma kolekcí

02

Bloky a editor

Vytvoříme bloky pro page builder, nastavíme role a živý náhled. Editoři si editor vyzkouší ve verzi, ve které už mohou zadávat reálný obsah.

Knihovna bloků

03

Frontend

Postavíme web v Next.js, který obsah čte z Payloadu. Využijeme statické generování a cache, aby byl web rychlý a obsah se aktualizoval hned po publikaci.

Testovací web

04

Migrace obsahu

Přeneseme obsah ze starého systému nebo tabulek. Skriptem, aby byl přenos opakovatelný, a zachováme adresy kvůli SEO.

Migrační skripty

05

Rozvoj

Po spuštění přidáváme nové bloky a funkce, aktualizujeme závislosti a hlídáme provoz. Můžete mít měsíční balíček hodin, nebo se ozvat podle potřeby.

Měsíční balíček
01

Jádro

Payload běží přímo v Next.js, takže web a administrace sdílejí jednu aplikaci, jedno nasazení a jeden typový systém.

Technologie a jejich role

PayloadCMS a administrace
Next.jsWeb a API v jedné aplikaci
TypeScriptSdílené typy napříč projektem

Kdy dává smysl

Chcete jednoduchý provoz a typovou bezpečnost od databáze až po komponenty.

Co to přinese

Méně infrastruktury, méně chyb a rychlejší vývoj nových funkcí.

02

Data

Databázi volíme podle povahy dat a týmu, který ji bude provozovat. Obě možnosti jsou plně podporované.

Technologie a jejich role

PostgreSQLRelační data a transakce
MongoDBFlexibilní dokumenty

Kdy dává smysl

Máte propojená data s mnoha vztahy, nebo naopak volnější obsah.

Co to přinese

Spolehlivé ukládání a snadné rozšiřování modelu v čase.

03

Editor

Administrace, ve které redaktoři skutečně rádi pracují. Bloky, náhledy i pole přizpůsobujeme vašemu obsahu.

Technologie a jejich role

Vlastní blokyStavební kameny stránek
Živý náhledOkamžitý pohled na výsledek
Lexical editorFormátovaný text a vložené bloky

Kdy dává smysl

Redaktoři spravují stránky sami a nechcete, aby rozbili design.

Co to přinese

Rychlejší publikování a konzistentní vzhled celého webu.

04

Soubory

Obrázky, videa a dokumenty se ukládají mimo aplikaci, aby web zůstal rychlý a snadno se zálohoval.

Technologie a jejich role

S3 úložištěMédia a dokumenty
Zpracování obrázkůFormáty a velikosti na míru

Kdy dává smysl

Máte hodně médií nebo potřebujete jejich rychlé doručování.

Co to přinese

Menší zátěž serveru a rychlejší načítání obrázků.

05

Provoz

Kde web a administrace poběží a jak se na ně nasazují změny. Nasazování je automatické a vrací se jedním krokem.

Technologie a jejich role

VercelRychlé nasazení a globální CDN
Vlastní serverPlná kontrola, třeba přes Coolify

Kdy dává smysl

Chcete jednoduchý provoz, nebo naopak mít data na vlastní infrastruktuře.

Co to přinese

Předvídatelné náklady a klidný spánek po každém nasazení.

Potřebuje stejný obsah víc kanálů?

PayloadAPI

Pokud obsah čtou web, aplikace a další systémy, je Payload přirozená volba. U jednoho webu je jednodušší WordPress.

Chcete mít obsahový model v kódu?

TypeScriptGit

Payload je určený pro vývojáře: schéma a oprávnění jsou kód. Pokud tým nechce do kódu zasahovat, WordPress je přístupnější.

Spravuje web marketing bez vývojářů?

WordPressBreakdance

Page builder z bloků to zvládne, ale nové typy bloků vždy potřebují vývojáře. Pokud chcete vizuálně stavět vše sami, vyhovuje WordPress s Breakdance.

Záleží vám na vlastnictví a nákladech?

Open-sourceBez licencí

Payload je open-source bez licenčních poplatků a běží na vaší infrastruktuře. Platíte jen za vývoj a provoz.

Typické projekty

Tři situace, ve kterých Payload vyniká.

Reference

Projekty na Payloadu, které už běží.

Všechny projekty v Naší práci →

Časté otázky

Než se ozvete.

Payload volíme, když obsah potřebuje víc kanálů, když chcete obsahový model v kódu, nebo když je CMS součástí aplikace. Pro běžný firemní web s redaktory bývá pohodlnější WordPress. WordPress weby →

Samotné CMS je open-source a bez licenčních poplatků. Platíte vývoj, hosting a údržbu. Nejste vázaní na žádného poskytovatele a data i kód vlastníte.

Nejčastěji na Vercelu nebo na vlastním serveru. Databázi můžeme provozovat u spravované služby, nebo u vás. Volíme podle požadavků na data a rozpočet. Cloud a hosting →

Redaktor skládá stránky z bloků a vidí živý náhled. Bloky definujeme předem, aby se nedal rozbít design. Pokud potřebujete plně vizuální builder, postavíme vlastní editor, ale je to samostatná zakázka.

Payload CMS s webem začíná od 20 000 Kč. Cenu určuje rozsah modelu, počet bloků a napojení. Přesnou nabídku připravíme po návrhu schématu.

Typicky 6–10 týdnů od návrhu modelu po spuštění. Nejvíc času zabírá příprava obsahu a migrace ze starého systému.

Ano. Nejdřív provedeme audit kódu a datového modelu a řekneme vám, co je v pořádku a co je potřeba předělat. Pak navrhneme postup dokončení. Převzetí a rozvoj webu →

Nic vás nedrží. Kód, data i dokumentace patří vám a Payload je open-source, takže ho zvládne rozvíjet kdokoli, kdo umí TypeScript.

Další krok

Probereme, jaké CMS dává smysl.

Probrat Payload CMS

KONTAKT

Pojďme se potkat

Máte nápad? Vyberte si termín pro společný rozhovor, nebo nám napište. Společně najdeme cestu k vašemu digitálnímu projektu.

Odesláním berete na vědomí zpracování osobních údajů.

Zásady zpracování osobních údajů