Ohlédnutí za DrupalCon Vienna 2025: Drupal přechází na builder Canvas (a já vyhrál DrupalFit Challenge)

Když jsem si na hotelu vyklikával přednášky, které v rámci konference navštívím, byl jsem trochu zklamaný. Všude nějaký Drupal Canvas, backendových témat minimum. Ale o to víc zajímavé přednášky to byly. Drupal Canvas je totiž nový název pro dlouho připravovaný Experience Builder.

Protože mi tvorba webů na Drupalu přináší největší obživu z mého mixu činností, vyrazil jsem i letos za hranice na mezinárodní setkání komunity okolo tohoto redakčního systému. Potkal jsem pár dalších lidí z Česka a hlavně poznal další kolegy z celého světa. I o networkingu jsou podobné akce. Možná stále víc.

Evropská verze mezinárodní konference o Drupalu se letos konala v polovině října ve Vídni v konferenčním Austria Center Vienna. Dobře ho znám z loňské SymfonyCon 2024. Jsou to pěkné prostory pro tak velkou akci. Člověk se sice při přesunu z jedné přednášky na druhou v různých přednáškových pásmech trochu projde, ale protažení během konferenčního dne neuškodí.

Image
DrupalCon Vienna 2025
DrupalCon Vienna 2025

Pořadatelé zajistili občerstvení během celého dne. S důrazem na ekologii bylo vše vegetariánské nebo veganské. Kladný dojem z vídeňské gastro kultury zajistily alespoň různé buchty. Překvapilo mě, že vzhledem k poměrně vysoké ceně vstupenek byla bezplatná káva k dispozici jen na stáncích sponzorů, navíc výrazně chutnější než na stánku s občerstvením, kde větší káva (velikosti náprstku) stála 4 €.

Image
Občerstvení u stánku sponzorů na DrupalCon Vienna 2025
Občerstvení u stánku sponzorů na DrupalCon Vienna 2025

Vyzkoušel jsem letos konferenční aplikaci a ačkoli trochu pomohla s orientací přesunem vybraných přednášek na samostatný seznam, kladný dojem ve mně nezanechala. Minimálně na mém Androidu neustále padala, dotazovala se na přístup k fotkám hned po spuštění, skenování QR kódů vystavovatelů a ostatních návštěvníků fungovalo obvykle na několikátý pokus. Příště doporučuji nahradit Attendee App od EventsAir něčím stabilnějším a propracovanějším. Můj tip je Eventee.

Kromě několika přednáškových pásem doprovázela konferenci i malá výstava se stánky sponzorů a partnerů. Už před začátkem konference jsem přes maily a LinkedIn dostal pozvánky na stánek od několika firem. Mnohde měli své vlastní krátké prezentace během přestávek, ochotně se s vámi pobavili o svých řešeních.

Image
Stánek Acquia na DrupalCon Vienna 2025
Stánek Acquia na DrupalCon Vienna 2025

Exhibici doprovázela i open stage, kde se odehrávaly přednášky, opět většinou od sponzorů DrupalConu. Na některé jsem zašel, když jsem nenašel lepší alternativu v hlavním programu. Nebudu lhát, vrátil jsem se vybaven třemi novými tričky, taškou, a mít jinou velikost nohy, tak i ponožkami.

Když odmyslím tu záležitost s konferenční aplikací, tak vlastně nevidím žádné větší zaškobrtnutí a organizátorům z Kuoni Tumlare za uspořádání konference děkuji.

💡 Tip: Připomeňte si i mé zápisky z jednoho z minulých DrupalCon EU v Praze.

Drupal Canvas kam se podíváš

DrupalCon Vienna 2025 byl především o novém builderu s názvem Drupal Canvas. Původně se jmenoval Experience Builder, byl oznámen s iniciativou Drupal Starshot, dnes známém jako Drupal CMS

To, co vypadalo jako vylepšený layout builder dostalo během vývoje grády a já jsem vlastně nadšený tím, jak nyní vypadá. Není to builder typu Elementor, kde by se pracovalo s libovolným layoutem a vizuálním nastavením prvků, ale má to hodně možností a přináší do Drupalu React. Cílem bylo nabídnout nejlepší AI Page Builder, jak jsme se dozvěděli na jiné z přednášek.

Prim celého DrupalConu Vienna 2025 samozřejmě hrála Driesnote, tedy keynote Driese Buytaerta, autora Drupalu. Pojal ji přirovnáním vývoje Drupalu ke změnám, kterými prošla Evropa po bitvě u Slavkova (která se Rakouska, coby letošní hostitelské země dost týkala).

Image
Dries Buytaert na DrupalCon Vienna 2025
Dries Buytaert na DrupalCon Vienna 2025

Podle nějakých statistik 69 % hledajících už neklikne na výsledek, reklamu ani odběr newsletteru, ale spokojí se s odpovědí od vyhledávače nebo AI. Proč tedy stavět nové weby, má to smysl? Dries si myslí, že musíme běžet proti bouři, podobně jako bizoni.

Přechod na Drupal 8 se změnou kódové základy a vším s tím spojeným byl bolestivý. Ale získali jsme díky tomu lepší Drupal s více možnostmi. Díky pro Drupal typickému strukturování obsahu a detailním možnostem nastavení uživatelských práv máme systém připravený pro integraci s AI. Mimochodem, její příchod a integrace se systémem zvýšili atraktivitu Drupalu a zdvojnásobil se počet příspěvků do kódu.

Pak už se Dries věnoval Canvasu. Původní Experience Builder se musel přejmenovat kvůli licenci. Pomůže s výrazně rychlejší tvorbou webu. Hlavní novinky, které Canvas do Drupalu přináší:

  • Recepisy známé z Drupal CMS se nyní vyvíjení v komplexnější Site Templates. Je třeba umožnit stavbu webu no code způsobem.
  • Nový design systém pro celý web a téma vzhledu Mercury.
  • Builder přináší Code Component s editorem, kam frontendista vloží kód v Reactu a volitelně Tailwindu i bez backend vývojáře.
  • Drupal Canvas ukládá změny do workspace, odkud lze vše jednoduše kliknutí vypublikovat.
  • Modul Meta tags je integrovaný v Canvasu, stejně jako některé další.
  • Komponenta Drupal AI. Umí vygenerovat novou komponentu pro builder na základě promptu.
  • Drupal AI lze použít také pro vytváření nových landing pages, díky Context Control Center navíc chápe celý kontext webu a poskládá z komponent obsah, který odpovídá obsahově i tonalitou zbytku webu.
  • Ve spojení s Figma MCP lze design snadno přenést do Drupal Canvasu pomocí AI.
  • Autonomní Drupal Agenti. Nečekají na váš prompt, přebírají iniciativu. Když změníte například čísla o své firmě v nějakém článku, mohou projít zbytek webu a zeditovat jej z vás. Pak jen schválíte navržené změny.

Drupal Canvas je momentálně ve stádiu Release Candidate, už s ním můžete pracovat a stabilní verze vhodná i pro produkční nasazení by měla přijít během listopadu.

Přednášek věnovaných Drupal Canvasu byla na letošním DrupalConu celá řada. Docela rezonovala možnost vytvářet React komponenty jak přímo v administraci Drupalu a Canvasu se zabudovaným editorem, tak jejich příprava na počítači úplně mimo Drupal ve Storybooku a následné sjednocení se živým webem pomocí několika příkazů. A vlastně i v obráceném gardu. 

Image
Ukázka převodu webu z Figma do Drupal Canvas pomocí AI
Ukázka převodu webu z Figma do Drupal Canvas pomocí AI

Vypadá to efektně, Drupal jde opět ruku v ruce s moderním vývojem, ale musím samozřejmě dodat, že jde o renderování v prohlížeči. Nic skvělého třeba pro SEO. Podpora server side renderingu je u těchto komponent výrazně složitější a zatím je spíše ve fázi hledání vhodného stabilního řešení a postupů.

Určitě je fajn, že všechny komponenty Canvasu jsou Single Directory Components. Pokud je již jako já používáte třeba ve spojení s Paragraphy, snadno s nimi budete pokračovat.

A jak začít s integrací Drupal Canvas do existujícího webu?

  • Strukturované typy obsahu nachystejte v Canvasu pomocí Content Templates.
  • Stávající Landing Pages s bloky nebo Paragraphy předělejte pomocí SDC a JS komponent.
  • Globální regiony definujte pomocí Canvas Regions.
  • Postupujte po částech, ze začátku využijte Canvas jen pro nový obsah, ideálně s nativními komponentami, SDC a až potom s JS komponentami.

Pozor, Canvas používá vlastní entitu a ne vše s ní může být kompatibilní, zejména specializované moduly pro poskytování nových typů polí závislé na entitě typu node.

💡 Tip: Úplně mě nepotěšilo, že Drupal Canvas je sice připraven na vícejazyčnost v kódu, ale není dořešena uživatelská obsluha pro takové weby, takže v nich je, zatím, nepoužitelný. Víte, že 50 % webů na Drupalu není anglicky a 32 % je vícejazyčných?

Jedna z přednášek shrnovala rozdíly mezi Drupal Canvas, Blökkli, Paragraphy a Gutenbergem. Tedy několika možnostmi, jak mít v Drupalu strukturovaný builder pro práci s obsahem. I když dosud používám Paragraphy, Canvas mě oslovil poměrně jednoduchým ovládáním a tím, kolik energie mu tvůrci Drupalu věnují. Jakmile bude mít podporu vícejazyčnosti, pravděpodobně na něj přejdu.

💡 Tip: Gutenberg v Drupalu? Ale ano, už docela dlouho zde formou modulu najdete tento editor typický pro WordPress. A umí i patterny jako ve WP.

Drupal jako nejlepší redakční systém s podporou AI

Drupal CMS, tedy připravené jádro Drupalu doplněné o nakonfigurované moduly, přijde ve verzi 2.0 se Site Templates, které vylepšují princip receptů a umožňují připravit celý web podle specifického scénáře. Například integrace modulu pro newslettery automaticky nastaví vše potřebné, ale také zapne v Canvasu blok pro přihlášení k odběru ze zvolené newsletterové službě.

Drupal CMS 2.0 přinese také lepšího průvodce pro nastavení vícejazyčnosti. Vše by mělo být na jediné stránce s nastavením a snadno pochopitelné pro různé konfigurace (např. více jazyků, symetrické vs. samostatné překlady atd.). Přehlednější by měla být také administrační stránka s Rozšířením nebo vytváření nových typů obsahu.

💡 Tip: Drupal Launcher App. Pokud ještě nemáte, vyzkoušejte aplikaci pro rychlé zprovoznění lokálního webového serveru s připraveným Drupalem. Je to něco podobného jako Studio pro WordPress.

Dries zmínil, že díky tomu, jak je Drupal koncipován, jde o nejlepší redakční systém s podporou AI. Věděli jste, že měl svůj MCP server hned druhý den poté, co s nimi Anthropic přišel?

Inspirativní přednáška, která proběhla, tuším, na open stage, představila několik projektů těžících z propojení Drupalu a umělé inteligence:

  • Web World Cancer Day používá AI pro automatické moderování obsahu
  • French Telekom využívá AI pro reverzí vyhledávání obrázků a jejich zdrojů
  • V Southwark Concil konvertovali tisíce PDF do stránek v Drupalu
  • DB Schenker používá AI pro generování automatizovaných reportů
  • Basilej využívá AI pro odpovídače na vládním webu, první rok provozu zodpověděl 50 000 dotazů
  • V Boehringer Ingelheim spojení s AI pomohlo ušetřit týdny práce při migraci 45 webů do jednoho Drupal multisite
  • DelayCheck zase s AI vyřizuje žádosti a odškodnění za zpoždění rychlostí 20 000 za hodinu
  • Na jedné z keynote proběhla živá ukázka, kde v Claude získali přehled článků z gruzínského zpravodajského portálu, vygenerovali z něj anglický přehled a přes další MCP sestavili a připravili newsletter v Mailchimpu.

💡 Tip: při propojování Drupalu s AI se pečlivě zamyslete nad nastavením přístupových práv a tím, co mohou uživatelé na vstupu dát AI za instrukce.

Zaujala mě ukázka propojení Drupalu s modulem Orchestration a s nástrojem Activepieces (něco jako Zappier, n8n nebo Make). Dries naklikal ukázku, která přes RSS načte automaticky články z blogu Matt Mullenweg, autora WordPressu. S pomocí AI předělá článek na reálie Drupalu (např. pojem moduly místo pluginů) a publikuje jej na webu.

Decoupled / Headless Drupal

Decoupled přístup k redakčním systémům má svá pro i proti. Líbí se mi, že Drupal jde už dlouho naproti i možnosti přistupovat k datům přes JSON a programovat frontend jinde, samostatně. Na jedné z přednášek byly ukázky propojení přes Lupus Decoupled Drupal.

Na jiné jsem sledoval propojení Drupal Canvas s headless přístupem. Tady to tak růžové není, ale směr je to rovněž zajímavý a nadějný.

Přístupnost v Drupalu

Tento rok se přístupnosti hodně věnuji, tak jsem musel navštívit i přednášku vztaženou k Drupalu v této oblasti. Nebyl jsem sám. Organizátoři trochu podcenili zájem o přístupnost a přednášející přiklepli jen malou místnost vedle velkého sálu. Zaplněno bylo do posledního místa, včetně opírajících se o zeď a posedávajících jim pod nohama.

První iniciativa na přístupnost Drupalu vznikla už v době Drupalu 7 a její podpora je stále důležitější. Díky využití Single Directory Components dosáhnete větší flexibility při tvorbě frontendu s ohledem na přístupnost. 

💡 Tip: Pokud jste jej neviděli v rámci Drupal CMS, vyzkoušejte samostatně modul Editoria11y Accessibility Checker. Poradí editorům obsahu s tím, jak upravit vložený obsah tak, aby byl přístupnější s pohledu toho, co zvládnou upravit bez programátora.

Na přednášce padl dotaz na něco připomínající Easy to read. Tazatel čekal, že to za něj vyřeší zapnutí jednoho modulu. Asi si dovedu představit pomoc s využitím AI, ale momentálně je to hlavně věc tvorby obsahu. Více viz Inclusion Europe a web naší vlády.

Image
Tipy na moduly Drupalu řešící přístupnost
Tipy na moduly Drupalu řešící přístupnost

HTMX v Drupal Core

Keynote poslední konferenční den nám zrekapitulovala, jak se Drupal průběžně modernizuje, ale jedna z částí, jako by zůstala zapomenuta: AJAX/AHAH. Drupal tedy učiní poměrně velký skok na jehož konci bude v jádře zabudovaná podpora pro HTMX.

Otevře to nové možnosti, především v administraci, kde nebude nutné tolik stránek po provedení akce znovu načítat. Využití to najde hned v novém builderu, Workspace Task monitoru, v ECA, čekají nás views transition.

Ostatní

Chystaný Drush 14 by měl být integrovaný jako součást jádra Drupalu. Zachovává zpětnou kompatibilitu, příkazy lze definovat čtyřmi způsoby. Nově co třída, to příkaz. Bude mít podobnou strukturu jako příkazy ze Symfony Console.

Ve své keynote Dries dále zmínil modul ECA, který je skvělý pro naklikání nejrůznějších automatizací v Drupalu, ale jeho ovládání je složité i pro Driese. Oznámil novou iniciativu, na jejímž konci bude výrazně jednodušší a rychlejší ovládání modulu.

Image
To hlavní o Single Directory Components v Drupalu
To hlavní o Single Directory Components v Drupalu

Pokud ještě nepoužíváte SDC, určitě na něj přejděte. Weby jsou díky tomu rychlejší, načítají jenom potřebné styly a JavaScript. A budou mít stále větší význam díky využití v Canvasu. 

💡 Tip: Znáte nové Drupal Icon API a Twig filtry |add_suggestion a |add_class?

Kam na příští DrupalCon v Evropě?

Protože jsem teď zápisky z konference nebral chronologicky podle přednášek, ale shrnul jsem hlavní témata, vrátím se oklikou zpět na začátek. Po úvodní ceremonii a několika slov od rakouské Drupal Association jsme se dozvěděli, že příští DrupalCon EU bude v Rotterdamu od 28. září do 1. října 2026.

Trojice soutěží pro weby a tvůrce Drupalu

Na úplný závěr musím určitě zmínit různá ocenění, která se během konferenčního týdne rozdávala. První bylo Women in Drupal Award 2025. Oceněny byly Emma Horrell, Sinduri Guntupalli a před objektivy fotoaparátů se ukrývající tajemná Jess.

The International Splash Awards 2025 vyhráli následující tvůrci s weby:

V poslední uvedené kategorii se na druhém místě objevil také nový nástroj DrupalFit, který slouží k monitoringu přístupnosti, rychlosti, SEO, zabezpečením dostupnosti a dalším auditům na webech s Drupalem. 

Jeho tvůrci pořádali další soutěž s názvem DrupalFit Challenge Vienna Edition 2025, ve které uspěli:

  • BRANDCODE od Martina Lewis v kategorii bezpečnost,
  • Cour De Cassation od Lucas Mathias a Florian Frei v kategorii rychlost/výkon,
  • BRAINSUM od Peter Ponya v přístupnosti,
  • Webhaven od Fons Vandamme, který získal komunitní ocenění,
  • Fittest Drupal Site, tedy nejlepší kombinaci zabezpečení, rychlosti, přístupnosti a SEO jsem získal já s webem První certifikační autority. Byl i v nominovaných na nejrychlejší web. Moc si toho vážím, navíc v nominovaných byl i další projekt, na kterém jsem pracoval, a to Chůva pro děti.
Image
Jan Polzer přebírá ocenění za Drupal Fittest website na DrupalCon Vienna 2025
Přebírám ocenění za Drupal Fittest website na DrupalCon Vienna 2025

Můj úkolníček po DrupalCon Vienna 2025

Seznam úkolů po této návštěvě Vídně je pro mě celkem jasný. Třeba vás bude inspirovat:

  • Připravit své moduly na Drush 14 a nahradit hookování za controllery
  • Vyzkoušet Drupal Launcher App
  • Připravit se na Drupal Canvas
  • Začít používat AI v Drupalu
  • Naučit se HTMX
  • Podívat se na Activepieces

Buďme ve spojení, přihlaste se k newsletteru

Odesláním formuláře souhlasíte s podmínkami zpracováním osobních údajů. 
Více informací v Ochrana osobních údajů.

Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal, WordPress a Symfony. Acquia Certified Developer & Site Builder. Autor několika knih o Drupalu.
Web Development Director v Lesensky.cz. Ve volných chvílích podnikám výlety na souši i po vodě. Více se dozvíte na polzer.cz a mém LinkedIn profilu.

Komentáře k článku

Přidat komentář

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Moje kniha o CMS Drupal

 

Kniha 333 tipů a triků pro Drupal 9


Více na KnihyPolzer.cz

Poslední komentáře