Primo sguardo alla demo dal vivo dell'editor di contenuti Gutenberg per Drupal 8

Drupal Europe ha appena annunciato il suo programma per il prossimo evento a Darmstadt, in Germania, dal 10 al 14 settembre. La conferenza ospiterà più di 1.600 professionisti e appassionati Drupal per 162 ore di sessioni e 9 workshop di approfondimento.

Automattic sta sponsorizzando lo spazio di networking Open Web Lounge e Matt Mullenweg si unirà a Dries Buytaert e Barb Palser in un panel che discuterà del futuro dell'open web e dell'open source.

Un'interessante sessione relativa a WordPress sul programma è intitolata Introduzione all'editor di contenuti Gutenberg per Drupal 8. Questo nuovo modulo porta l'editor Gutenberg di WordPress su Drupal. È stato creato da Per Andre Rnsen e dal suo team Frontkom, un'agenzia di servizi digitali con sede in Norvegia.

Il progetto Drupal Gutenberg mira a fornire una nuova esperienza editoriale basata sull'editor Gutenberg di WordPress. La demo dal vivo sul sito attualmente fornisce un'implementazione interattiva frontend di Gutenberg all'interno di Drupal, simile alla demo "Frontenberg" di WordPress su wordpress.org/gutenberg. L'ultima implementazione del modulo apparirà lì, ma Rnsen ha detto che è attualmente in fase di rinnovamento, poiché molte cose sono successe con Gutenberg nelle ultime settimane.

Come è nato il progetto Drupal Gutenberg

Rnsen ci ha detto di aver visto Gutenberg per la prima volta nel 2017 ed è stato ispirato a usarlo per uno dei media client di Frontkom.

"L'idea di biforcare è venuta a metà del 2017, quando abbiamo esplorato l'utilizzo di Gutenberg come lib per creare un generatore di prima pagina sponsorizzato dalla Google Digital News Initiative", ha affermato Rnsen. "Abbiamo finito per usarlo e il modulo Drupal è uno spin off naturale."

Frontkom ha adattato il page builder con sede a Gutenberg per l'industria dei media. Aggiunge funzionalità extra a Gutenberg che consente agli utenti di posizionare e modificare gli articoli per la prima pagina di un giornale online. Rnsen ha detto che il progetto è andato bene e il suo team prevede di renderlo open source, ma è troppo presto per condividere qualcosa in questo momento.

A seguito di questa esperienza di successo nell'utilizzo di Gutenberg per un cliente, Frontkom ha iniziato a lavorare al progetto Drupal Gutenberg all'inizio di gennaio 2018.

"La parte principale del lavoro era rendere Gutenberg più agnostico dal CMS", ha affermato Rnsen. “Prima l'abbiamo biforcato e mantenuto un bivio. Successivamente abbiamo iniziato a utilizzare Gutenberg come dipendenza, testando un approccio più gestibile".

Rnsen ha aperto un ticket su GitHub, chiedendo al team di Gutenberg di considerare di strutturare il progetto in modo che fosse più indipendente dal CMS. Il ticket è stato chiuso abbastanza presto con la spiegazione che "non riguarda direttamente il lavoro in corso con il progetto e i suoi obiettivi".

"Finora abbiamo pochissimi impegni a monte, poiché l'interesse principale del WP è stato quello di soddisfare le esigenze del WP finora", ha affermato Rnsen. "Ma questo è appena cambiato."

Gutenberg si sta muovendo per renderlo più facile da usare al di fuori di WordPress. Il team sta lavorando alla pubblicazione di tutti i moduli React come pacchetti npm. Rnsen ha affermato di prevedere che ridurre il numero di globali necessari per far funzionare Gutenberg sarà di grande aiuto per altri CMS.

Finora il progetto Drupal Gutenberg non è stato ampiamente condiviso, ma Rnsen ha affermato che il suo team ha riscontrato molto interesse da parte della comunità tecnologica Drupal.

“Abbiamo un post sul blog che arriva in inglese con maggiori dettagli; l'abbiamo in qualche modo conservato per dopo le vacanze", ha detto Rnsen. "Ma poi è esploso e gli sviluppatori continuano a contattarci per aiutarci".

Frontkom è stata coinvolta nella comunità Drupal per più di 10 anni e in WordPress negli ultimi tre anni. Rnsen e il suo team credono che Gutenberg colmi una lacuna nello spazio di Drupal.

"Drupal non ha tutti quei fantasiosi page builder di WordPress", ha detto. "Quindi è davvero più interessante di una nuova interfaccia utente di modifica dei post: vogliamo un modo unificato per creare layout complessi".

Drupal ha già un'iniziativa per rinnovare la sua interfaccia utente di amministrazione utilizzando React, e Rnsen ha affermato di pensare che Gutenberg potrebbe contribuire a come ciò possa accadere nel core di Drupal. In un mondo ideale, molti progetti open source potrebbero trarre grandi benefici da un Gutenberg indipendente dal CMS, con tutti loro che contribuiscono insieme al suo miglioramento.

"Per noi come azienda, è estremamente interessante creare front-end che possono essere facilmente spostati tra i CMS", ha affermato Rnsen. “Per i CMS open source in generale, penso che ci sarà molto da imparare dal processo di implementazione. Ad esempio, D8 ha il concetto di "tutto è un blocco". Questo ci ha reso facile rendere disponibili i blocchi principali di Drupal in Gutenberg: dobbiamo solo fare un po' di magia per esporre le impostazioni dei blocchi".

Il team di Frontkom non è solo un fan entusiasta dell'interfaccia di Gutenberg, ma apprezza anche il modo in cui il progetto viene gestito. Rnsen non ha seguito la reazione della community all'ultimo round di test di Gutenberg, ma ha affermato che pensa che gli utenti di WordPress lo adoreranno a lungo termine, dal momento che "la maggior parte dei costruttori di pagine là fuori ha problemi".

"Drupal può imparare molto da WordPress, dal modo in cui hanno effettivamente costruito il progetto Gutenberg: un processo di progettazione trasparente, molta collaborazione e comunque altamente efficiente", ha affermato Rnsen. “Quindi, WordPress è decisamente più avanti di Drupal per quanto riguarda il loro lavoro di amministrazione dell'interfaccia utente/JS. Dal momento che c'è già molto interesse nella comunità di Drupal per fare qualcosa di simile, è molto piacevole vedere qualcuno affrontarlo e avere successo (si spera).”

Steve Persch, principale sostenitore degli sviluppatori al Pantheon, ha parlato al DrupalCon di Nashville 2018 su ciò che è possibile fare con WordPress 5.0 e ha anche tenuto una sessione al Twin Cities Drupal Camp dal titolo "Everything is a Block: How WordPress Rewrote the WYSIWYG". In risposta al buzz su Twitter sulla sessione di Drupal Gutenberg, Persch ha affermato che Drupal ha bisogno di un miglioramento dell'esperienza utente editoriale per rimanere competitivo, ma non necessariamente adottando Gutenberg.

"Abbiamo iniziative in corso a tal fine", ha affermato Persch. “La stessa Gutenberg potrebbe trasformarsi in una distrazione da quel lavoro. In entrambe le [presentazioni] ho anche menzionato che Paragraphs o Layout Builder potrebbero essere migliori punti di partenza del modello di dati per funzionalità simili a Gutenberg. Fornire esattamente la stessa cosa di WordPress sarebbe controproducente. Il contenuto strutturato è il cuore di Drupal. Vedo Gutenberg (o qualcosa del genere) come un'interfaccia utente migliore per l'angolo del modello di dati (la parte dei paragrafi) che i siti di Drupal hanno avuto per anni".

Sarà interessante vedere come le diverse comunità open source si avvicinino a Gutenberg e come feedback più diversificati dall'esterno di WordPress potrebbero avere un impatto sul progetto.

Il modulo Drupal Gutenberg può essere scaricato dalla pagina del progetto. Attualmente è contrassegnato come modulo sperimentale ed è consigliato solo per l'uso da parte degli sviluppatori. La demo dal vivo del progetto sarà presto rinnovata per riflettere gli ultimi aggiornamenti con Gutenberg. Puoi anche seguire lo sviluppo del progetto su GitHub.