Nesta página: [ocultar]
O livre, framework de código-fonte aberto Gatsby desenvolveu uma nova versão beta do plugin WordPress de fonte de Gatsby, que foi totalmente refeita para desenvolver as configurações decapitadas do WordPress, nas quais Gatsby alimenta o frontend. O plugin, além de combinado com o Gatsby Cloud, foi desenvolvido para implementar visualizações em tempo real e construções incrementais.
Leia também JAMstack: Como funciona e quais são os benefícios?
O objetivo principal do plug-in de origem Gatsby é criar uma integração para sites WordPress para realizar ocasiões de uso mais complicadas.
Existem três maneiras diferentes de usar o plug-in do WordPress de origem Gatsby. Com cada, você pode adquirir vários benefícios e desvantagens.
Interações do plugin Gatsby Source WordPress
Usando o primeiro método, o plug-in interage com a API REST do WP para fornecer todos os dados, como termos, Postagens, meios de comunicação, etc. Também está armazenando em cache as informações no cache do nó de Gatsby.
O segundo autoriza os desenvolvedores a escrever consultas GraphQL e fornecer cache e renderizar esses dados em modelos.
De acordo com a equipe de Gatsby, esses dois métodos são os melhores para uso básico.
Integração de API REST do WP
Conforme explicado pelo criador do WPGraphQL, Jason Bahl, ao adicionar funcionalidades mais avançadas, como Campos personalizados avançados Campos flexíveis, a API WP REST desmoronará, e será desafiador usar de maneira dissociada.
A API WP REST possui um esquema que permite que temas e plug-ins aprimorem a API WP REST e declarem o tipo de dados que qualquer ponto de extremidade especificado irá expor. Isso é útil para aplicativos dissociados, para saber antecipadamente que tipo de dados esperar.
Há um problema, e são os plugins e os temas que podem estender a API WP REST sem usar o esquema ou simplesmente definir os tipos de campo no esquema como “objeto” ou “matriz” Tipos. Isso significa que não será fácil para aplicativos dissociados como o Gatsby, para saber o que esperar desses campos. Gatsby conta com dados consistentes, e a API REST do WP não é consistente. A forma dos dados retornada dos pontos de extremidade (especialmente quando os plug-ins estendem a API REST) é imprevisível, e isso é um problema para os aplicativos dissociados.
Leia também Plug-in do WordPress de histórias da Web do Google (Reveja)
Alternativa WPGraphQL
O WPGraphQL foi criado como uma alternativa à API REST do WP, abordando muitos desses pontos problemáticos com seu esquema imposto. Essa alternativa é boa para as ferramentas dissociadas, como o Gatsby, porque elas podem examinar o esquema para determinar quais dados estão disponíveis antes de solicitar qualquer.
Mesmo ocasiões como Campos personalizados avançados Flex Fields, onde os dados retornados podem ser um dos muitos possíveis layouts de campos flexíveis, Gatsby sabe que os dados possíveis estão antes de solicitar os dados. O esquema aplicado do WPGraphQL permite que ferramentas desacopladas sejam enviadas sem nenhum problema e elimina classes inteiras de bugs.
O GraphQL de origem do Gatsby + O método WPGraphQL possui alguns desenvolvimentos sobre o uso da API WP REST. Tem um limite de que não armazena em cache as informações no cache do nó Gatsby. Esse limite evita que os sites do WordPress utilizem as ofertas comerciais baseadas na nuvem do Gatsby para visualizações e construções incrementais.
Aqui Bahl novamente explica como o novo plugin Gatsby Source WordPress (v4) + WPGraphQL é o “melhor dos dois mundos:
Ele usa o WPGraphQL no servidor WordPress para expor os dados do WordPress em um esquema GraphQL digitado. Gatsby Source O WordPress v4 usa o GraphQL Introspection para ler o esquema do site WordPress e cria um esquema quase idêntico no Gatsby. Em seguida, busca dados usando o WPGraphQL e armazena em cache os dados no Gatsby. Os usuários então usam o GraphQL para interagir com o cache do Gatsby e obter dados para renderização nos componentes em seu site do Gatsby.
Essa nova integração permite que os criadores de conteúdo cliquem em “pré-visualização” e ver o que eles mudaram. E tudo isso acontece ao vivo no site desenvolvido por Gatsby. Ele fará as alterações nas páginas afetadas. As alterações serão ativadas muito rapidamente apenas em segundos, exatamente como os usuários esperam que o WordPress funcione sem a integração sem cabeça. O novo plugin, integrado ao Gatsby Cloud, oferece um casamento melhor da experiência de criação de conteúdo com o Gatsby's React + Experiência do desenvolvedor GraphQL ao trazer páginas estáticas rápidas no frontend.