Pressione isto: Não tenha medo, é apenas WordPress sem cabeça com Fran Agulto

Bem-vindo ao Press This, o podcast da comunidade WordPress do WMR. Cada episódio apresenta convidados de toda a comunidade e discussões sobre os maiores problemas enfrentados pelos desenvolvedores do WordPress. Segue a transcrição da gravação original.

Desenvolvido por RedCircle

Doc Pop : Você está ouvindo Press This, um podcast da comunidade WordPress no WMR. A cada semana, destacamos os membros da comunidade WordPress. Sou seu anfitrião, Doc Pop, apoio a comunidade WordPress através do meu papel no WP Engine e minhas contribuições no TorqueMag.io. Você pode assinar o Press This no Red Circle, iTunes, Spotify ou baixar episódios diretamente em wmr.fm.

O WordPress sem cabeça é um grande tópico na cena do WordPress nos dias de hoje. Mas muitas pessoas como eu ainda podem ficar um pouco assustadas quando ouvimos o termo sem cabeça. E não apenas porque está perto do Halloween e ficamos assustados com isso. Acho que é hora de superar esse medo. Então, pedi a Fran Agulto, Developer Advocate da WP Engine, para me ajudar a entender os prós e contras do headless. Fran, como você está hoje?

Fran Agulto: Oh Doc, obrigado por me receber. E sim, você está certo, é Halloween, mas não devemos ficar com medo porque o Cavaleiro Sem Cabeça está aqui. Sim, estou bem hoje. Obrigada.

DP: Incrível. Você sabe, eu vou começar se você pudesse nos dizer qual é a sua história de origem do WordPress? Como você entrou neste espaço?

FA: Ótima pergunta. Na verdade, minha história de origem do WordPress passa pelo WP Engine. Quando comecei a procurar um emprego em tecnologia, não tinha experiência em codificação. Na verdade, eu só tinha tocado em um site WordPress uma vez na minha vida e isso foi na faculdade. E eu estava apenas fazendo uma mudança tentando entrar em tecnologia.

Bem, a WP Engine estava contratando representantes de vendas. Então eu entrei no WP Engine no lado de vendas das coisas com o WordPress não no lado técnico começando.

Então essa é a minha história de origem. Eu passei pelo WP Engine no lado de vendas e você sabe através do treinamento deles aqui no WP Engine, se você está mais no lado de vendas e marketing, eles dão a você todo o tipo de discurso sobre o que o WordPress é como um CMS e como um sistema de gestão, se você quiser.

DP: Sim. E então você e eu estávamos conversando no WordCamp US em San Diego, e eu sei que sem cabeça é uma grande coisa para você. Qual é a sua função atual no WP Engine e como isso se relaciona com o WordPress sem cabeça?

FA: Sim, então essa é uma boa pergunta. Minha função atual aqui é de Defensor do Desenvolvedor, Nível Dois, na equipe de relações com desenvolvedores sem cabeça aqui no WP Engine, e está ligada ao WordPress sem cabeça. Com a equipe de relações com desenvolvedores da WP Engine, existem dois lados da casa, Doc.

Há o lado tradicional do WordPress da casa com o qual a maioria das pessoas que usam o WordPress está familiarizada, se não todas. E depois há o lado sem cabeça da casa, que estou defendendo do meu lado. E é isso que eu faço. Basicamente, apenas escrevo artigos técnicos para postagens de blog e vídeos do YouTube sobre codificação e como não se assustar, se quiser, como você estava dizendo em sua introdução de adaptação dessa metodologia.

DP: Bem, você sabe, estamos falando sobre ter medo e vamos tentar manter isso, você sabe, honesto e falar sobre os prós e contras do headless. Acho que vamos começar apenas com os prós do headless via WordPress. O que vem à sua mente quando você pensa neles?

FA: Sim, então na verdade existem três principais pontos positivos ou prós, Doc, sobre por que pessoas, organizações, pequenas e médias empresas, agências, vão e adaptam o WordPress sem cabeça. A primeira coisa é a velocidade. Certo? Porque do ponto de vista da experiência do usuário, todo mundo sabe no desenvolvimento web que se você tem um site lento, adivinhe o que vai dar errado, seus usuários. Tchau tchau. Então, você quer aqueles sites super rápidos e rápidos que essencialmente proporcionam uma ótima experiência ao usuário e melhoram os Google Core Web Vitals.

Esse é um dos prós do WordPress sem cabeça, é em vez de um mecanismo de renderização monolítico e tradicional do lado do servidor WordPress, que é o que o WordPress faz a cada solicitação. Quando você é um usuário que visita um site, faz uma viagem de ida e volta. Ele vai para o servidor, o PHP executa o código e depois envia o HTML de volta ao navegador para você consumir. Agora, novamente, você pode acelerar o WordPress tradicional, mas em seu núcleo no lado sem cabeça pronto para uso, quando você dissocia o WordPress e apenas o consome como uma camada de API e tem arquivos estáticos em um CDN de dados já pré-construído, é rápido .

Esse é o primeiro e mais importante profissional, Doc, e o segundo é a segurança. E a razão para isso é que quando você desacopla qualquer aplicativo da web ou site, ele não precisa ser o WordPress sem cabeça, seu back-end fica oculto. Certo? A maioria das pessoas que são experientes com tecnologia e podem ser capazes de decifrar se você estiver usando o WordPress nem saberá se você está usando o WordPress, a menos que você esteja expondo suas variáveis ​​de ambiente em seu repositório.

E então a segunda coisa, por que é mais seguro porque a área de superfície de ataque é muito menor, essencialmente, porque quando você dissocia, você está em uma estrutura de front-end que é responsável agora em vez do PHP de renderizar o HTML no navegador, e é apenas uma área de superfície de ataque mais baixa porque há tanta maldade que você pode fazer em um navegador.

E então o terceiro e último, essencialmente, é a prova futura de sua pilha de tecnologia. O que quero dizer com isso é que, com o WordPress sem cabeça, quando você desacopla sua pilha de tecnologia, você adota o que é chamado de abordagem ou metodologia de desenvolvimento orientada por API. E dessa forma, como é muito mais fácil não só que seus usuários acessem seu site ou aplicativo da web por meio de um navegador de desktop, mas um quiosque, uma tela em um Tesla, um aplicativo móvel, é muito mais fácil consumir esses dados do WordPress e depois jogue-o em qualquer tipo de nó que seu usuário usará. Então esses são os prós disso.

DP: Ok, sim, isso é interessante. Agora, há alguns que me vêm à mente e não tenho um site sem cabeça, não experimentei sem cabeça, uso o WordPress. Você pode me informar se isso está certo. Bem, em primeiro lugar, o gerenciamento de conteúdo, se você estiver usando o WordPress e estiver usando um headless, pode apontá-lo para saber, qualquer aplicativo da Web ou o que você deseja fazer. Esse lado do gerenciamento de conteúdo sendo pré-construído, você sabe que com o WordPress deve ser super suave. Qualquer pessoa, independentemente de seu conhecimento de como usar um site ou como construir um site, poderia facilmente entrar. As mesmas vantagens apenas o WordPress em geral. Eles podem entrar e escrever sua postagem no blog e publicá-la super fácil, certo?

FA: Na verdade, isso está 100% correto. Sim. Você acertou em cheio. Sim. Em resumo, doutor, você acertou em cheio. Sim.

DP: E então eu acho que outras coisas que vêm à mente que você não mencionou, foi como verificar para ver, parece que se você está construindo o WordPress sem cabeça, posso estar errado nisso, mas parece que você vamos ter muitas ferramentas por causa de todos os plugins que as pessoas disponibilizaram, que você poderá integrar, a menos que haja alguma razão pela qual você não possa fazer isso com o headless. Mas parece que você provavelmente pode obter muitos plugins de SEO ou qualquer outra coisa. E muito rapidamente, todo o ecossistema do WordPress está ao seu alcance, mesmo se você estiver construindo sem cabeça, isso soa certo?

FA: Um dos contras reais do WordPress sem cabeça está no lado do WordPress, Doc. Especialmente plugins, obviamente, que renderizariam, manipulariam ou alterariam seu front-end. Você pode esquecer isso. Isso não funcionará de uma forma sem cabeça. E, de fato, eu diria que a maioria dos plugins do WordPress não funciona de forma desordenada.

O que você vai ter que usar para ter uma paródia ou comparação, o que é um plugin para o desenvolvedor WordPress tradicional no ecossistema front-end do Node JS e frameworks como React, Vue Angular, você tem pacotes NPM, que significa node gerenciador de pacotes. E se você é um desenvolvedor WordPress, esses são os plugins no ecossistema front-end que você terá que se acostumar e usar.

DP: Você sabe, eu acho que é um ótimo lugar para parar por um minuto. Vamos fazer uma pausa rápida e quando voltarmos, falaremos com Fran Agulto sobre os prós, e voltaremos e falaremos sobre os contras do WordPress sem cabeça. Você está ouvindo Press This.

DP: Você está ouvindo Press This um podcast da comunidade WordPress no WMR. Esta semana estamos conversando com Fran Agulto, um Developer Advocate da WP Engine. Estamos falando sobre os prós e contras do headless e por que você deve ou não ter medo do WordPress headless.

Até agora, cobrimos os prós que simplesmente carregam mais rápido. Você está dizendo que o WordPress sem cabeça é super rápido. Segurança, não deixando claro sobre o que o site foi construído? Você não está recebendo hackers, nenhuma dessas informações, é meio que apenas de frente.

À prova de futuro. Eu mencionei gerenciamento de conteúdo, e então entramos em contras e você estava apenas dizendo que a maioria dos plugins não funciona. Estatisticamente falando, você está apenas dizendo que sente que a maioria dos plug-ins do WordPress provavelmente não funcionará com headless e acho que é porque a maioria desses plug-ins provavelmente é projetada com mudanças no front-end.

FA: Sim, isso é 100% correto. Sim. O fato é que, se algum plugin no sentido tradicional do WordPress for feito para fazer algum tipo de alteração no front-end, ele não funcionará porque a ideia é que você tenha desacoplado o front-end para que quebre. Isso vai quebrar no WordPress tradicional, ou no WordPress sem cabeça, com licença.

No entanto, Doc, aqui está a coisa, qualquer plugin WordPress que só faz algo no backend. Certo? Tipo, Doc, tenho certeza de que você conhece os Campos personalizados avançados, que ajudam a criar tipos de conteúdo personalizados. E há o Yoast SEO para WPGraphQL, que é um plugin WordPress sem cabeça. Essas coisas funcionam porque as pessoas escreveram código PHP para estender esses plugins para serem integrados com uma abordagem sem cabeça, se isso fizer sentido.

DP: Sim. Então, vamos falar sobre alguns outros contras de fazer o WordPress sem cabeça.

FA: Ah, sim, há muitos. [risos]

DP: Ah, tudo bem. [Risos] Bem, nós temos sete minutos. Que tipo de coisa vem à mente, qual é talvez o maior golpe que alguém está pensando em ficar sem cabeça, eles podem não querer fazer isso por causa desse golpe?

FA: Sim, é o seguinte, cara, eu te digo. Eu estava no WordCamp US, na verdade, eu te conheci lá, Doc, e eu estava conversando com um monte de gente que veio e me fez essa pergunta aleatoriamente. O fato é que, em sua essência, e por que foi inventado, o WordPress é tão simples, é WYSIWYG, “O que você vê é o que você obtém”. Certo? E eu tenho que te dizer, minha mãe e minha própria irmã, elas sabem como usar o WordPress. Minha mãe não é técnica. Mas ela sabe como entrar no WP admin e apenas escrever algum conteúdo em um bloco. E ela diz: “Oh, veja, está ao vivo em um URL”.

O principal problema ou contra, se você preferir, é a curva de aprendizado e a barreira de entrada para essa abordagem, honestamente. Porque número um, você terá que ser experiente e fluente em JavaScript. Esse é o número um. Ok, isso requer codificação.

DP: Ah. Meu coração está batendo. [risada]

FA: Doc, confie em mim quando me matriculei pela primeira vez no meu treinamento de JavaScript, meu coração estava batendo no meu peito. Então essa é a primeira coisa. Essa é a primeira e mais importante coisa que é o contra disso é que não há apenas uma dívida técnica que você acumulará, porque se você não souber, terá que pagar um desenvolvedor JavaScript agora para mantenha seu blog WordPress se você ficar sem cabeça, certo. Se você estiver usando o WooCommerce como um negócio e quiser ficar sem cabeça nele, terá que considerar a contratação de uma equipe agora, que pode codificar em JavaScript se você não puder, essa é a principal coisa. Isso é o principal.

A segunda coisa, o maior contra disso, é a lacuna ou a ponte entre, e acho que algumas dessas coisas estamos resolvendo no WP Engine, o que é incrível. E não estou apenas dizendo isso. Adoro o WP Engine, trabalho aqui mas posso escolher onde quero trabalhar. Estamos resolvendo a questão do fato de que quando você tem uma equipe de marketing ou um editor de conteúdo em sua organização, ou seja lá para o que você está usando o WordPress, eles estão acostumados a entrar no WordPress, no editor de blocos, escrevendo baixar o conteúdo, digitar o conteúdo, clicar no botão de visualização para que ele possa ver como ficará ao vivo no URL ou apenas clicar em publicar e vê-lo ao vivo.

Infelizmente, esse não é o caso do WordPress sem cabeça. Você também precisa configurar e manipular coisas que o WP Engine está resolvendo imediatamente. Para que essa ponte, se quiser, doutor, funcione. Para que os editores de conteúdo estejam mais familiarizados com o fluxo de trabalho. Porque é um fluxo de trabalho sem cabeça desacoplado, se você quiser, quando você se desconecta assim. Então, esses são os dois principais contras dele. É a complexidade, e então você essencialmente tem que contratar codificadores. E então adivinhe, o que você está acostumado no WYSIWYG tem que ser configurado e há coisas que você precisa conectar agora para replicar isso.

DP: Então eu acho que o que estou ouvindo é que quando vou ao meu site WordPress e faço uma alteração, clico em atualizar, ou qualquer outra coisa, vou ao site, clico em atualizar e essa alteração está lá. E com headless tradicionalmente, você terá que fazer mais alguns passos do que apenas atualizar. É isso que você está dizendo?

FA: 100% Sim, isso é 100% correto. Sim. Sim.

DP: E você está mencionando o que está trabalhando com o WP Engine. Estou assumindo que é Atlas?

FA: Sim, isso é Atlas. Correto. Esse é o plug sem vergonha, pessoal. Mas isso é o que eu estava me referindo é como o WP Engine está resolvendo isso. Nós essencialmente pegamos o trabalho do desenvolvedor, eu gostaria de chamá-lo, da dor de ter que conectar tudo isso que acabei de falar, doutor.

Então, agora, se eu sou um desenvolvedor e minha empresa ou minha equipe ou estou em uma agência e a agência diz: “Fran, você precisa codificar este site. O proprietário do site quer usar o WordPress como seu CMS, mas quer ficar sem cabeça para os profissionais dele.”

Com a plataforma Atlas, Doc, em dois ou três cliques, você está configurado e permite que o editor de conteúdo fique tipo, “Cara, uau. Eu posso clicar em visualizar ou publicar. E são essencialmente os mesmos fluxos de trabalho que eu estava usando no sentido tradicional do WordPress. Mas agora está sem cabeça. E eu nem preciso saber disso.” Porque é essencialmente uma paródia. É o mesmo fluxo. É para isso que o WP Engine resolveu.

DP: Então vamos recapitular os prós e contras mais uma vez. Então, dissemos que os profissionais são segurança de carregamento mais rápido, à prova de futuro, gerenciamento de conteúdo será mais fácil.

Os contras, parece que a maioria dos plugins provavelmente não funcionará, então você não terá necessariamente o ecossistema completo, mas terá partes dele. E também, em um sentido amplo, se você está construindo um site WordPress sem cabeça, então é provável que você tenha que saber JavaScript, você terá que saber como, depois de criar isso conteúdo, como empurrar isso para que seja lançado. Não é apenas um processo de um clique e isso é meio que ao vivo.

FA: 100% Sim, você essencialmente tem que entrar em uma linha de comando, um terminal, você tem que lidar com repositórios e verificar ramificações. Sim. Portanto, há uma curva de aprendizado complexa.

DP: Bem, acho que é um bom lugar para fazer uma pausa. E quando voltarmos, falaremos sobre como superar esses medos, se você os tiver. Se você quer fazer o WordPress sem cabeça, como superá-los. E você sabe, está meio que encerrando este episódio, então fique ligado para mais com Fran Agulto.

DP: Você está ouvindo Press This, um podcast da comunidade WordPress no WMR. A cada semana destacamos os membros da comunidade WordPress e esta semana estamos conversando com Fran Agulto, um Developer Advocate da WP Engine sobre o WordPress sem cabeça, o que parece ótimo porque é uma época do ano para ficar com medo. E você sabe, antes do show, Fran, você e eu estávamos conversando sobre escalada. E estou um pouco curioso, tipo escalada, você tinha medo de altura quando começou?

FA: Ah, quero dizer, sim, eu estava. Eu definitivamente tinha um medo mais do que saudável de altura, doutor, vamos apenas dizer.

DP: Um medo saudável, sim. E eu estou apenas me perguntando se há alguma lição lá. Talvez isso seja um alongamento. Existe algum tipo de lição lá para saber como você se sentiu e como você superou isso com como algumas pessoas podem ficar nervosas. Eles provavelmente têm um aplicativo que seria você sabe, eles provavelmente deveriam estar fazendo o WordPress sem cabeça, mas eles estão apenas nervosos em dar esse salto. Que cruzamentos você tem, seus dias de escalada que você poderia trazer.

FA: sim, essa é realmente uma boa analogia, se você quiser. Aqui está a coisa, certo. No final das contas, acho que a maioria tem medo, doutor, e isso diz respeito ao desenvolvimento web, à escalada, e é por isso que essa é uma boa analogia ou até mesmo ser casado ou ter filhos, o que quer que você esteja fazendo na vida . O medo é principalmente por causa do desconhecido e da falta de familiaridade. Os humanos temem coisas que não são familiares.

Mas adivinhem? Esse medo diminui, quanto mais você se acostuma com alguma coisa, então vamos dar um passo atrás aqui. WordPress. Doc, você está no jogo do WordPress há mais tempo do que eu. Quer dizer, eu tenho lidado com o WordPress há quatro anos. Há quanto tempo você está no jogo WordPress?

DP: Tipo quatro anos em um mês. [risada]

FA: Ah, quatro anos e um mês. Então estamos quites.

DP: Não, estou um mês adiantado! [Risos} Não, acho que são 12 anos trabalhando com empresas WordPress e coisas assim.

FA: Ok.

DP: Então sim, é um tempo.

FA: Então aqui está a coisa. A razão pela qual é o CMS mais amado e é tipo, eu não conheço 35-40% da internet. Não fiquei para o State of WordPress de Matt Mullenweg no WordCamp, fiquei ocupado. Mas o WordPress é enorme. E há uma razão para isso. Ele saiu cedo e ganhou familiaridade com sua facilidade de uso. Ok, então as pessoas estão apenas confortáveis ​​com isso.

A paródia que quero fazer com a escalada é que eu estava com medo porque obviamente alturas são alturas. Mas se você entender a proteção que você tem ao escalar, isso diminui esse medo porque você está acostumado a um certo fluxo. E foi exatamente assim que eu entrei e permaneci, defendendo o WordPress sem cabeça e passando pelo treinamento de JavaScript para ser honesto, porque todos os dias eram temerosos. Eu estou tipo, meu código vai quebrar hoje? E o que eu estou fazendo com isso? Mas essa é a coisa, certo?

É isso do ponto de vista da adaptação, e é por isso que o WP Engine está tão investido nisso porque, no final das contas, com o desenvolvimento da Web e a Internet, o futuro é o desenvolvimento desacoplado orientado por API. E não queremos que o WordPress seja uma tecnologia antiga que ninguém mais usa. Queremos trazê-lo junto com o chamado jamstack, se você quiser, que é um chavão de tecnologia, mas significa marcação de API JavaScript. No fim do dia. Significa apenas ei, você tem um endpoint de API, que neste caso é o WordPress. E então vamos consumir esses dados do WordPress para qualquer front-end que você queira usar.

Agora, de uma perspectiva de fluxo, acho, doutor, honestamente, especialmente com o que o WP Engine está fazendo e como as pessoas estão adaptando isso. Uma vez que ganha força, nossa equipe de relações com desenvolvedores está ajudando a diminuir a barreira de entrada e capacitar as pessoas mais para isso e entender exatamente no que estão se metendo. E, novamente, não é para todos, mas para o seu ponto, se é algo que é necessário, se é como, meu Deus, em termos de diagnóstico, seu site deve ser um site WordPress sem cabeça. Sim, há definitivamente uma normalidade que você precisa ter para diminuir esse medo.

DP: Com certeza. Bem, conversamos hoje com Fran Agulto, Developer Advocate da WP Engine sobre headless e essa foi uma ótima conversa. Se você quiser acompanhar e saber mais sobre o que Fran está trabalhando, você pode segui-lo no Twitter, @fran_the_dev.

Próximos episódios do Press This, vamos conversar com Nev Harris na próxima semana para falar sobre como tornar sua agência WordPress à prova de recessão. Obrigado por ouvir o podcast da comunidade Press This WordPress no WMR. Você pode acompanhar minhas aventuras com a revista Torque no Twitter @thetorquemag ou pode acessar torquemag.io onde contribuímos com tutoriais e vídeos e entrevistas como esta todos os dias. Então confira torquemag.io ou siga-nos no Twitter. Você pode assinar o Press This no Red Circle, iTunes, Spotify ou pode baixá-lo diretamente em wmr.fm toda semana. Sou seu anfitrião Doctor Popular Eu apoio a comunidade WordPress através da minha função no WP Engine. E adoro destacar os membros da comunidade todas as semanas no Press This.