Vývoj webu se Sanity CMS: co pro vás navrhnu a postavím

Vývoj webu se Sanity CMS znamená, že vám nepostavím jen web, ale i systém, ve kterém si ho budete sami spravovat. Sanity je headless CMS: dodá databázi obsahu a editor Sanity Studio, ale neřeší, jak web vypadá, ani co přesně do něj budete psát. Tohle všechno se navrhuje na míru.

Pokud teprve zjišťujete, co Sanity je, začněte článkem Sanity CMS: co to je, jak funguje a kdy se vyplatí. Tady popisuju druhou půlku: co pro vás v Sanity konkrétně navrhnu, postavím a předám.

Co dostanete, když se mnou stavíte web na Sanity?

U každého projektu předávám tyhle části:

• Návrh webu ve Figmě — struktura, obsah a vizuál pro desktop i mobil. Kód začíná až po vašem schválení.
• Model obsahu — jaké typy obsahu web má a jak spolu souvisí.
• Knihovnu bloků — sekce, ze kterých si skládáte stránky.
• Sanity Studio upravené pro vaši redakci — přehledné menu, náhledy, nápověda u polí a kontroly.
• Úpravy přímo v náhledu webu (Visual Editing).
• Frontend v Astru nebo Next.js napojený na Sanity.
• SEO a jazykové verze jako součást modelu, ne dodatek.
• Zaškolení a péči po spuštění.

Design, model obsahu, Studio i frontend dělám sám. Nemusíte koordinovat designéra, vývojáře a „toho, kdo dělá CMS“, a nic se neztratí při předávání mezi nimi.

Model obsahu navrhuju podle vašeho byznysu

Model obsahu je nejdůležitější rozhodnutí celého projektu. Neříká, jak web vypadá, ale co na něm je: služby, reference, členové týmu, pobočky, produkty, články, pozice v kariéře.

Každý typ obsahu má svá pole a vazby. Reference ví, ke které službě patří. Člen týmu ví, na které pobočce pracuje. Díky tomu se reference automaticky zobrazí na stránce služby a změna telefonu na pobočce se propíše všude, kde se pobočka objevuje. Nic nekopírujete ručně.

Pole pojmenovávám podle toho, co obsah je, ne jak vypadá. Když za dva roky přijde redesign, obsah zůstane a mění se jen frontend.

Knihovna bloků: marketing staví stránky sám

Stránky se v Sanity skládají z bloků: hero, výhody, reference, ceník, FAQ, formulář, srovnání. Každý blok navrhnu ve Figmě, naprogramuju a připravím pro něj formulář ve Studiu.

Marketing pak novou landing page postaví tak, že přidá bloky, přehází pořadí a doplní texty. Bez vývojáře a bez rizika, že rozbije design, protože bloky mají pevný vzhled a jen omezené volby, které dávají smysl (třeba světlá a tmavá varianta). Tohle je za mě hlavní důvod, proč Sanity doporučuju firemním webům všech velikostí.

Studio upravené pro lidi, kteří v něm budou pracovat

Prázdné Sanity Studio je jen seznam dokumentů. Upravím ho tak, aby se v něm váš tým vyznal bez manuálu:

• menu rozdělené podle toho, jak o webu přemýšlíte (stránky, služby, reference, nastavení),
• náhled u každého dokumentu, abyste poznali, co otevíráte,
• krátká nápověda přímo u polí,
• kontroly, které hlídají délku SEO titulku, chybějící alt text nebo prázdný povinný údaj.

Cílem je, aby nový kolega zvládl upravit stránku první den.

Úpravy přímo na webu místo hledání ve formulářích

Visual Editing propojí Studio s náhledem webu. Kliknete na nadpis nebo obrázek v náhledu a Studio otevře přesně to pole, kde se dá změnit. Výsledek vidíte hned, ještě než změnu zveřejníte.

Tím odpadá nejčastější výtka k headless CMS, že redaktor nevidí, co edituje. Rozpracované změny zůstávají jako koncept, dokud je nepublikujete.

Astro, nebo Next.js?

Frontend volím podle toho, co web dělá:

• Astro pro obsahové a firemní weby, kde jde hlavně o rychlost a SEO. Posílá do prohlížeče minimum JavaScriptu.
• Next.js pro weby, které jsou zároveň aplikací: přihlášení, klientská zóna, konfigurátor, napojení na interní systémy.

Podrobnější srovnání najdete v článku Astro, Next.js, nebo Webflow. Tenhle web, na kterém právě čtete, běží na Astru a Sanity.

SEO, jazyky a AI nad obsahem

Každá stránka má ve Studiu pole pro SEO titulek, popis a obrázek pro sdílení. Sitemap, kanonické adresy a propojení jazykových verzí (hreflang) se generují automaticky z obsahu.

Jazykové verze řeším tak, že každý dokument ví, které jsou jeho překlady. Web je pak správně propojí sám a nevzniknou rozjeté kopie stránek.

Sanity umí i AI pomocníky přímo ve Studiu: návrhy překladů, alt textů nebo hromadné úpravy. Nastavím je tak, aby rutinu udělali za vás a vy změny jen schválili.

Jak spolupráce probíhá

1. Úvodní konzultace — cíle, publikum, kdo bude web spravovat a jak často.
2. Návrh ve Figmě — struktura, obsah a vizuál. Zároveň vzniká model obsahu.
3. Vývoj — frontend, Studio, bloky, formuláře a integrace.
4. Migrace obsahu — pokud přecházíte ze stávajícího webu, převedu obsah a nastavím přesměrování. Víc na stránce migrace do Sanity.
5. Spuštění a zaškolení — ukážu vašemu týmu, jak web spravovat.
6. Péče a rozvoj — nové bloky, stránky a funkce podle toho, jak web roste.

Co ovlivňuje cenu?

Cena se odvíjí hlavně od:

• počtu typů obsahu a bloků,
• počtu jazyků,
• integrací (CRM, newsletter, rezervace, interní systémy),
• rozsahu migrace obsahu ze stávajícího webu,
• toho, jestli jde o čistě obsahový web, nebo i o aplikační část.

Samotné Sanity má bezplatný tarif, který řadě firemních webů stačí. Placené tarify se platí podle počtu uživatelů ve Studiu. Konkrétní rozsah a cenu vám pošlu po úvodní konzultaci, předem a bez skrytých položek.

Kdy vám doporučím něco jiného

Jsem i Webflow Premium Partner, takže nemusím všechno stavět na Sanity. Když potřebujete jednoduchou prezentaci, kterou chcete upravovat vizuálně bez modelu obsahu, a nepočítáte s jazyky ani integracemi, může být lepší volba Webflow. Řeknu vám to na rovinu.

Sanity vám doporučím, když chcete, aby si marketing stavěl stránky sám, obsah používal napříč webem a jazyky a web mohl růst bez přestavby.

Pokud řešíte nový web nebo přechod na Sanity, napište mi. Projdeme, jak s webem bude pracovat váš tým, a navrhnu řešení, které mu sedne.