 Grazie per l'introduzione e grazie a tutti gli organizzatori volentari per rendere possibile questo evento. Grazie anche per voi per l'interesse al talk. È un piacere di esserci dopo questi tre anni. Oggi parliamo di WordPress come Headless CMS, vediamo che cos'è, come funziona perché può essere interessante usarlo. Sono Mario come hai detto, sono sviluppatura, però sono più focussato su concetti, strategie e tutto questo per i nostri clienti. Prima pensavo che Headless vuol dire che non c'è più bisogno di avere un server hosting normale che la distribuzione di un sito web. Però la tecnologia è un po' diversa. Si parla di diciamo un corpo e la separazione è fra il back end e il front end che è il livello di presentazione. Queste due vengono separati nell'idea di Headless. Guardiamo un attimo in dettaglio come funziona. Come funziona WordPress normalmente? WordPress è responsabile per tutto, tutte le funzioni del sito web. Un editor gestisce pisci contenuti nel back end e carica tutti i file come magie necessarie e la funzionalità viene dal core dei plugin mentre l'aspetto del sito web è controllato del theme, customized e così via. Alla fine tutto viene salvato all'interno del, spero che si può vedere, nel server con il file system e la data base, database. Di conseguenza, ogni richiesta di autenti che visitano il tuo sito web deve superare tutte queste fasi di cui, sopra prima, che un singolo sito venga recapitato al browser, un processo che funziona per la maggior parte del progetto web di piccole e medie dimensioni, ma diventa rapidamente inefficiente con progetti più complessi. Le dependenze di tutti questi sistemi che funzionano bene, inclusa l'infrastruttura esterna come hosting, però questo ti può fare difficoltà in un progetto, vediamo dopo. In una configurazione headless le cose cambiano un po', WordPress ora viene utilizzato solo per mantenere e originalizzare i tuoi contenuti e strutture come plettasonomia. Il sito web effettivo non viene più consegnato da WordPress al browser e quindi è separato da resto. O come si dice in inglese, decoupled. Tutti i tuoi contenuti verranno ora consegnati tramite API come REST o GraphQL che se non sapete si può guardare dopo funziona solo un metodo diverso per usare l'appi e anche fa i system pair, tutti i fili, tutto l'immagine, tutto questo. Pensi di ogni single sito come un pacchetto che ne descrive la struttura e contiene tutti i contenuti necessari. Questi pacchetti vengono accelerati tramite le API o l'API e questo di la possibilità di utilizzare tutti i tuoi contenuti attraverso una multitudine di front-end differenti su misura per ogni singola user experience. Va bene, per farlo in realtà ci sono molte soluzioni diverse e che non voglio tutto spiegare perché è un po' da gusto di ognuno. Queste sono possibilità che si può usare differenti front-end da un sito web fino a diciamo un mobile app sul telefono, un digital sign in un negozio o anche un POS tipo una cassa in un negozio, roba così, si può tutto usare questa roba. Allora, alcuni di voi potrebbero già utilizzare una qualche forma di discappare. Quando si utilizza la memorizzazione nel cache su una CDN è già una forma di separare che se spiegamo caching vuol dire che il sito è salvato in un non su wordpress però in diciamo come abbiamo detto prima html css tutto questo viene in un pacchetto e questo si può mettere su un cdn cdn vuol dire content delivery network che ci sono tanti fuori che non funziona più sul tuo server e fuori di questo sistema così non c'è bisogno di utilizzare lamp che vuol dire il tuo server consistente da un Apache, Maya Square e PHP così è più veloce e normalmente content delivery networks sono più vicino ai utenti globali così la distanza è più corta e tutto viene più veloce ma le opzioni html è più semplice per fornire il tuo sito web ai tuoi utenti e utilizzare utilizzare utilizzare un approccio statico in questo questo è quando fondamentalmente ogni singola chiamata possibile al tuo sito web viene renderizzata in uno di questi pacchetti prima menzonati e quindi l'intero sito web ora esiste come un sito web statico non dinamico e non è necessario eseguire il rendering su richiesta perché tutto è precalcolato e pronto per essere utilizzato e si usa di nuovo un cdn per la distribuzione non c'è più bisogno di un server complesso e così si salva tempo è più rapido per tutti sì è molto più efficiente alla fine però anche questo si faceva tipo così si costruiva i siti all'inizio si faceva solo html e basta si può fare con vediamo dopo come si può fare questo oggi si parla di un sistema simile però a base di javascript tutto ciò può diventare più complicato in diversi approcci htl spasati su javascript in uno scenario del genere uno script di compilazione che si chiama build process estra tutte le cose necessarie dalle API di wordpress e crea una rappresentazione basata su javascript il tuo sito web che può essere punito in modo simile in questo modo può utilizzare più funzionalità a cui potresti essere abituato quando già lavori con javascript e essenziale per la maggior parte degli sviluppatori frontend quanti di voi lavorate più al back end ok ci sono sviluppatori che fanno solo frontend ok ad oli altri devono imparare un po guardiamo sull'idea di static alla fine abbiamo già detto tanto di questa roba è relativamente facile ci sono generatori per farlo come software service si può usare questi che ti danno alla fine questo pacchetto che abbiamo parlato di che si può mettere su un cdn però ci c'è anche un plugin che conosco che si chiama semplice static e ci sono altri alcuni abbastanza vecchi che non sono più mantenuti solo repository la infrastruttura è un po più complicata perché ora si parla già dal meno due sistemi il servo originale dove c'è wordpress dove c'è il build process tutto questo secondo che il cdn e si usi anche un software service c'è un terzo servizio che ti dà la funzionabilità di mettere tutto insieme però se si pensa di un sito statico vuol dire se usi un contact form seven roba così o qualcosa altro per anche il search comments o funzionalità di multilingua non sono non ci sono diciamo implementato in questo pacchetto se non è tutto costruito giusto allora si deve pensare di questo però questi servizi anche semplice static ti danno già funzionalità per questo un minimo però però in ritorno ricevi più sicurezza perché dal pubblico non è più accessibile il tuo install di wordpress e abbiamo già parlato di performance e ci sono in normalmente meno costi per la disruzione perché usi un cdn che costa molto meno di un servo che deve fare il stesso lavoro per un grande di utenti allora il terzo concetto che abbiamo parlato era questo a base di javascript e si parla di un gem stack dove j è per javascript e per api e n per il markup che fa il fronte qui ci sono qualcun esempio che ci sono ci sono tanti in più che si può usare che per javascript c'è javascript vanilla c'è react view melt angla tutti questi framework che ci sono fuori e viene usati per gli api abbiamo già parlato wordpress a un api intero che interna che già usato tutti c'è anche buco con un api anche advanced custom fields a un api però anche con questo tipo di siti web è molto popolare usare greff ql che è un altro modo di api che è più simile a fare si chiama ql perché è più simile a sql e fare del richieste in un modo diverso di rest come per api e ci sono anche plug in in oltre che ti danno funzionalità in più della base di wordpress come io è tutto scelto a vostra che ti piace se ti piace più react o se ti piace più view però se la voli già con guttenberg usi react questo può essere una cosa che questo non devi riemparare per usare nel fronte però perché parliamo di questo abbiamo già parlato un po dei vantaggi e ora andiamo un po più in dettaglio uno dei più grandi progressi è che i gestori del tuo sito web possono semplicemente andare avanti utilizzare lo strumento a cui sono più avvertati ovvero il back end wordpress e questo è una richiesta di tanti clienti che sanno già un sistema vogliono usare in questo sistema e non imparare qualcosa di nuovo in oltre alla possibilità di combinare molto strumenti diversi dal sito che fornisce i contenuti e come fornisce i tuoi contenuti a tutti i diversi tipi di punti finali questo può essere anche tipo a canto di wordpress poi usare altri sistemi da dove vengono contenuti che può essere un sistema interno della vita o un qualcosa altro e così ce l'ha più flessibilità per il nostro lavoro uno dei punti più convincente è la performance con headless se independente dall'infrastruttura serve tradizionale poi tra tutti i vantaggi da metodi di consegna molto più adatti e pensa se il tuo sito verb pubblico non esecue più wordpress la maggior parte dei tuoi problemi di sicurezza sono scombassi perché la maggior parte dei punti di accesso non è più accessibile al pubblico e poi può assultare a pieno i moderni framework di cui abbiamo parlato ma ci sono alcuni vantaggi le funzionalità che prima erano facilmente disponibile tramite plugin non ci sono più così facile la tua funzionalità ora deve essere integrata nel tuo front end non viene più da wordpress dal back end o dal tuo setup con tutto plugin e tutto questo ma la buona notizia è che molti funzioni sono già supportate e altri devono venire al momento il team disponibile sono meno ma anche questo cambia continuamente ci sono viti che fanno solo questo e ci sono anche dei di questi framework che abbiamo parlato prima ci sono anche dei ripositori con diciamo film o setup preparato per usare che possiamo vedere dopo se c'è tempo un requisito di competenza tecnica più pesante vuol dire se non sei usato come avete già segnato come avete detto che non tutti sanno già usare un JavaScript così tanto nel front end questo si deve imparare se si vuole fare un sito così non c'è un'altra possibilità perché questo è alla fine un secondo sistema che si deve costruire gestioni di più sistemi che può essere impegnativa e la base di conoscenza di un team deve coprire tutti i sistemi c'è anche la complessità aggiunta per esempio per si deve pensare un po come si fa il SEO e altre funzionalità come abbiamo già parlato si deve anche mantenere più sistemi come abbiamo detto c'è anche un po meno supporto per wordpress c'è una comunità che c'era per tanti anni ci sono documenti per tutto e questi framework nuovi non è così facile è un po diverso e cambia anche tanto tipo da un major version da un altro può essere che tutto cambia e lo devi riscrivere il tuo front end questo è perché è tutto un po nuovo cambia il sviluppo cambia tanto a volte allora parliamo di parliamo un po di performance questo è un esempio di un nostro cliente e si vede questo grafo che è fatto con new relic che si come application layer monitoring che guarda esattamente cosa costa tempo per rendere il sito un sito specifico e si vede qui che si parla da 3 secondi per un request e più di tutto il tempo va nel questo spazio blu azzurro che è PHP, il giallo è MySQL, la database il verde sono suosi esterni e tutto questo è il tempo che viene usato dal serve normale allora se si pensa se non c'è non c'è bisogno di usare PHP perché il sito non è così complesso posso già tipo da due secondi posso già perdere questo tempo per questo sito e questo è un gran che per ognuno si deve analizzare come funziona il tuo sito questo è un esempio dov'era un po obbvio di pensare di un modo diverso per il sito e alla fine con di coupling dove tutti i sistemi sono un po pesse si può mettere l'infrastruttura differente diciamo posso mettere abbiamo già parlato del CDN posso mettere anche altri parti del sito su diversi sistemi tipo il file system dove vengono immagini tutto questo può essere un container un altro container può essere la database tutto questo e si mette diciamo performance per ogni uno uno di questi container a base di bisogno così se c'è più bisogno per uno di questi container si può scalare e mettere più energia su questa e la sistema ingenere funziona più smut diciamo più gentile a tutti sicurezza abbiamo già parlato è separato il WordPress dal front end così non dico che è tutto abbiamo già parlato di questo flessibilità abbiamo anche parlato di però questo è anche un po di complicazione no devi pensare se scrivi tu il front end devi pensare di tutti questi funzionalità che vuoi avere se è autentificazione per esempio per fare content user generated content che anche per se vuoi usare un shop questo è difficile perché ci sono tanti interazioni è molto dinamico ci sono sistemi che lo sopportano però è molto complesso più facile fare un contact form o la ricerca per articoli tutto questo ma ti dà oltre flessibilità come abbiamo già detto per usare tutti questi sistemi di front end allora stiamo già parlando un po di quando usare headless e uno di questi punti può essere che il tuo sito non cambia molto diciamo un sito di perdere un business che può tipo come un business card che ha informazione base che non cambiano tanto va benissimo per questo l'idea questo è ovvio se hai bisogno di velocità questo funziona ottimo per te sicurezza abbiamo parlato deve essere esperto di javascript fosai issues con la performance e ah sì questo abbiamo già detto un business per uscire magazzini riviste contenuti editoriali sono perfetto per fare questa roba anche perché glielia ho parlato con ma abbiamo parlato di un sito di una rivista che ha tipo milioni di utenti era il mese e se pensi in questi dimensioni va presco un serve tradizionale non lo fa più anche per campagne tipo se fai una campana una landing page per una dita che fa pubblicità nella televisione per esempio ci sono questi pic quando c'è questo pubblicità nella televisione e un serve tradizionale non fa molto bene con questi pic perché normalmente ha delle resursi fissi che ramm tutto questo e non c'è scalimidità e si può usare come a single page application che si funziona così questo jamstack funziona tipo tutto nel tuo browser si può usare il sito senza usare nessun serve dopo il primo carico del sito questo si chiama single page application e se c'è progressive web app che anche è interessante se usi in un scenario con un online shop un esempio Starbucks dove si può usare tutta l'applicazione offline sul telefono anche per ordinare un caffè e funziona anche senza connessione basta grazie a questo punto abbiamo abbiamo un po tempo di per domande non so quanto tempo c'è o si può guardare c'è qualche domanda ciao grazie intanto per aver portato questo argomento che credo sia molto interessante credo al punto di essere tecnologico io ho sviluppato un progetto utilizzando wordpress ed less e oltre al fatto che è molto più complesso tecnologicamente però la cosa che mi chiedevo è che poi alla fine tutto mette tutto quanto su uno sting tradizionale e hai mai provato a metterlo su qualcosa di serverless che ne so è ws lambda o qualcosa del genere sai se c'è qualcosa che funziona che sia scalabile da quel punto di vista per non avere appunto il server configurato che ti continuo comunque a funzionare sempre questo grazie si è molto interessante e questo è la forza di questa soluzione perché ora puoi pensare di questi forma forme di tecnologia perché solo con wordpress come come usi questa roba ora c'è la possibilità di pensare come si può usare questi diciamo etch tecnologie che ci sono però come hai detto te ho complicato desider trovare le soluzioni e non è tutto documentato non trovi il tipo faccimento un sito che ti spiega come tutto funziona specialmente per la tua soluzione si può parlare un po più in dettaglio dopo perché un po complesso però è interessante perché ora c'è la possibilità di farlo e per questo il titolo era andato nel futuro con con wordpress con tutti questi possibilità altre domande se volete mi piaccia deve anche fare tipo un workshop workshop continuamente tipo sull'internet o su zoom o qualcosa di tutti questi temi perché come ho detto non c'è tanto documentazione e a me mi piaccia deve capire come un usato boy questi sistemi posso si può trovare soluzione in comune e lavorare su soluzione che si può documentare anche per wordpress mi piaccia deve molto e se volete mi potete scrivere su twitter su questo handler si ciao volevo chiederti se a me avevi messi detto parlare di front iti che è diciamo avevano fatto un ottimo lavoro verticale su wordpress per quanto riguarda appunto siti in formato ed less eccetera poi è stato acquistato da automatic un po di mesi fa forse un anno fa e mi sembra che il loro lavoro sia dentro l'editor nuovo dell'ultimo tema dell'ultimi sviluppi di wordpress 6 però poi non è più andato avanti invece il progetto originale di front iti ecco volevo chiederti se conosci qualcos'altro che sta lavorando specificatamente su su wordpress in maniera così precisa e o se sai effettivamente quanto il lavoro di front iti è andato dentro il nuovo wordpress questo non lo so è una buona domanda non so però front iti ora non è più come hai detto non è più mantenuto però c'eccono per nuovi ma personi che vogliono mantenere questo è interessante simile ci sono tanti però dipende un po da che cosa guardi no tipo se si usa gatsby c'e' una grande comunità dietro del questo anche un gran sacco di soldi per il marketing e c'e' un gran che di documentazione anche per questo e tutto a base di react allora se lavori già con guttenberg tutto questo va bene poi stare in un framework di già conosci inoltre ci sono altre sistemi però non voglio andare ci sono tantissimi e non voglio tipo dire usi questi questo perché anche un po di pubblicità che non voglio andare in questa direzione però si può parlare dopo se voglio ok bene grazie a tutti grazie mario grazie a voi