Su questa pagina: [nascondere]
Il libero, framework open-source Gatsby ha sviluppato una nuova versione beta del plug-in WordPress sorgente Gatsby, che è stato interamente rifatto per sviluppare le configurazioni senza testa di WordPress in cui Gatsby alimenta il frontend. Il plugin, inoltre combinato con Gatsby Cloud, è progettato per implementare anteprime in tempo reale e build incrementali.
Leggi anche JAMstack: Come funziona e quali sono i vantaggi?
Lo scopo principale del plug-in di origine Gatsby è la creazione di un'integrazione per i siti Web WordPress per realizzare occasioni d'uso più complicate.
Esistono tre modi diversi per utilizzare il plug-in WordPress di origine Gatsby. Con ogni, puoi acquisire vari vantaggi e svantaggi.
Interazioni con i plugin WordPress di Gatsby Source
Utilizzando il primo metodo, il plugin interagisce con l'API REST WP per fornire tutti i dati come termini, messaggi, media, eccetera. Inoltre sta memorizzando nella cache le informazioni nella cache del nodo di Gatsby.
Il secondo autorizza gli sviluppatori a scrivere query GraphQL e fornire cache e renderizzare quei dati nei template.
Secondo il team Gatsby, questi due metodi sono i migliori per l'utilizzo di base.
Integrazione API REST WP
Come spiegato dal creatore di WPGraphQL Jason Bahl, quando si aggiungono funzionalità più avanzate, come Campi personalizzati avanzati Campi flessibili, l'API REST WP andrà in pezzi, e sarà difficile usarlo in modo disaccoppiato.
L'API REST WP ha uno schema che consente a temi e plug-in di migliorare l'API REST WP e dichiarare il tipo di dati che verranno esposti da un determinato endpoint. Ciò è utile per le applicazioni disaccoppiate per sapere in anticipo che tipo di dati aspettarsi.
C'è un problema, ed è i plugin e i temi che possono estendere l'API REST WP senza utilizzare lo schema o semplicemente definire i tipi di campo nello schema come “oggetto” o “Vettore” tipi. Ciò significa che non sarà facile per le applicazioni disaccoppiate come Gatsby, per sapere cosa aspettarsi da quei campi. Gatsby si basa su dati coerenti, e l'API REST WP non è coerente. La forma dei dati restituita dagli endpoint (soprattutto quando i plugin estendono l'API REST) è imprevedibile, e questo è un problema per le applicazioni disaccoppiate.
Leggi anche Google Web Stories Plugin WordPress (Revisione)
Alternativa WPGraphQL
WPGraphQL è stato creato come alternativa all'API REST WP, affrontare molti di questi punti dolenti con il suo Schema forzato. Questa alternativa è valida per gli strumenti disaccoppiati come Gatsby perché possono introspettare lo schema per determinare quali dati sono disponibili prima di richiedere qualsiasi.
Anche in occasioni come campi personalizzati avanzati Campi flessibili, dove i dati restituiti potrebbero essere uno dei tanti possibili layout Flex Field, Gatsby sa che i possibili dati sono prima di richiedere i dati. Lo schema obbligatorio di WPGraphQL consente agli strumenti disaccoppiati di essere spediti senza problemi ed elimina intere classi di bug.
Gatsby Source GraphQL + Il metodo WPGraphQL presenta alcuni sviluppi sull'uso dell'API REST WP. Ha un limite che non memorizza nella cache le informazioni nella cache del nodo Gatsby. Questo limite evita che i siti WordPress utilizzino le offerte commerciali basate su cloud di Gatsby per anteprime e build incrementali.
Qui di nuovo Bahl spiega come il nuovo plugin WordPress di Gatsby Source (v4) + WPGraphQL è il “Il meglio di entrambi i mondi:
Utilizza WPGraphQL sul server WordPress per esporre i dati WordPress in uno schema GraphQL tipizzato. Gatsby Source WordPress v4 utilizza GraphQL Introspection per leggere lo schema dal sito WordPress e crea uno schema quasi identico in Gatsby. Quindi recupera i dati utilizzando WPGraphQL e memorizza nella cache i dati in Gatsby. Gli utenti quindi utilizzano GraphQL per interagire con la cache Gatsby e ottenere il rendering dei dati nei componenti nel proprio sito Gatsby.
Questa nuova integrazione consente ai creatori di contenuti di fare clic su “anteprima” e vedi cosa sono cambiati. E tutto ciò accadrà dal vivo nel sito alimentato da Gatsby. Espellerà le modifiche alle pagine interessate. Le modifiche saranno disponibili molto velocemente solo in pochi secondi, proprio come gli utenti si aspettano che WordPress funzioni senza l'integrazione senza testa. Il nuovo plugin, integrato con Gatsby Cloud, offre un migliore connubio dell'esperienza di creazione di contenuti con React di Gatsby + Esperienza di sviluppatore di GraphQL e pagine veloci statiche sul frontend.