Vá além com o Headless Powered by Atlas

É hora de levar a sério as soluções headless. Empresas e agências reais estão criando experiências na Web sem comando que oferecem aos desenvolvedores a flexibilidade de usar qualquer pilha de front-end e permitem que os criadores de conteúdo usem sua interface de publicação preferida.

Nesta sessão, o diretor de produto do WP Engine, Jason Konen, recapitula os avanços que fizemos com o Atlas, a solução headless WordPress do WP Engine, e fornece uma prévia dos avanços que buscaremos em 2023.

Diapositivos da Sessão:

Transcrição:

JASON KONEN: Olá, sou Jason Konen. Sou o diretor de produto da Atlas aqui na WP Engine e gostaria de falar com vocês hoje sobre como ir além com o Headless desenvolvido pela Atlas. Então, o que realmente estamos vendo agora é uma grande mudança no mercado. É provavelmente a maior mudança desde que os smartphones foram lançados, com 64% das empresas atualmente usando uma abordagem Headless e 90% procurando fazê-lo nos próximos 12 meses. É um número enorme. E sabemos que a comunidade WordPress tem crescido no Headless nos últimos dois anos. Temos trabalhado em estreita colaboração com alguns de nossos parceiros e implantado muitos, muitos sites WordPress sem cabeça para atender a essa necessidade.

Uma das coisas que vemos é que o Headless realmente capacita os desenvolvedores. Portanto, os CMSs modernos têm algumas coisas realmente incríveis. Mas o que estamos descobrindo é que realmente enfraquece o editor. Portanto, esses CMSs sem cabeça que foram criados especificamente para os sem cabeça desde o início são realmente interessantes, são muito úteis para os desenvolvedores, mas os editores perdem algumas coisas. Eles perdem temas e layouts de página e ferramentas de SEO e coisas assim. Mas o WordPress realmente capacita o editor e sempre o fez. Do núcleo a todos os plug-ins do ecossistema, todos os temas e a comunidade.

Então realmente permitindo que o editor controle sua mensagem, seu texto, formatação, teste A/B, ferramentas de SEO, mudança de temas e todo esse trabalho sem precisar de desenvolvimento pesado. Mas acabamos de dizer que Headless tira isso, tira esse poder. Mas acreditamos que o Headless WordPress traz isso de volta para todos, não apenas capacitando os desenvolvedores e o que eles querem fazer, mas também os editores e o que eles estão tentando fazer. Portanto, se você olhar para isso como “quais são as melhores ferramentas para o trabalho”, seus desenvolvedores vão querer trabalhar com uma pilha de tecnologia moderna que lhes permita escalar, usar código, usar técnicas modernas e crescer com a indústria. Visto que os editores desejam poder usar as ferramentas CMS que conhecem e adoram há 20 anos sem precisar fazer muitas alterações.

É aqui que entra o Atlas. A plataforma Atlas foi projetada para encantar editores e desenvolvedores. A melhor hospedagem WordPress da categoria é a base para isso, mas, em seguida, colocamos em camadas o escalonamento automático e a hospedagem de nó de recuperação para que você possa criar aplicativos da Web modernos sobre o WordPress. Temos cache de ponta pré-configurado, ferramentas de CI/CD e desempenho e segurança inigualáveis, tudo construído sobre um ecossistema que está crescendo em uma comunidade que está crescendo. WP GraphQL, junto com seu novo recurso, Smart Cache, nosso próximo produto, Atlas Search. Faust.JS, uma estrutura Headless para a construção de sites Headless WordPress, Advanced Custom Fields, que trouxemos para a família WP Engine no ano passado e estamos trabalhando duro para trazer nossos recursos do Atlas Content Modeler diretamente para o ACF.

Blueprints e além, e não vamos esquecer o suporte de classe mundial que você já conhece e adora. Agora quero falar um pouco sobre performance. Recentemente, tivemos um cliente que exibiu alguns anúncios durante o Super Bowl. E você não pode nem testar o tipo de tráfego que vai conseguir em um evento como este. Se você vir aqui neste gráfico, você tem três pequenos picos no sexto, no oitavo e no nono. Esses eram seus testes de carga, então eles estavam testando para ver, “ei, este site vai aguentar” todo o tráfego que eles esperavam durante o Super Bowl. E então você vê lá mais tarde no gráfico, dois picos gigantes, e isso corresponde aos dois anúncios que passaram pelo Super Bowl. 10 vezes o tráfego que eles esperavam. E isso foi incrivelmente bem-sucedido.

Eles tiveram um desempenho consistente antes, durante e depois, mesmo com o aumento repentino de 10 vezes com 10 milhões de solicitações em poucos minutos. Os ataques DDoS foram mitigados na borda, evitando qualquer tipo de problema de desempenho do aplicativo. 99% de todo o front-end foi armazenado em cache com 151 milissegundos, para o primeiro byte e 700 milissegundos para renderizar, enquanto lidava com 27 milhões de solicitações durante o Super Bowl. Portanto, se você acessasse o site durante o pico de tráfego, não teria ideia de que estava sob tal carga. Esse é o tipo de desempenho que um site Headless WordPress pode trazer para você. E nós incluímos isso na plataforma Atlas.

Trabalhamos muito com o cliente e a agência por trás desse anúncio para garantir que seu site tenha bom desempenho e seja otimizado. E isso é algo que fazemos com nossos clientes para garantir que estamos usando todas as práticas recomendadas para garantir que seus sites tenham desempenho, sejam rápidos e seguros. Portanto, uma das grandes coisas que fazemos na equipe da Atlas é ouvir e fazer parceria com nossos clientes e parceiros de agência. Nós ouvimos, aprendemos e liberamos. E aqui está um monte de coisas que lançamos em 2022 para a Atlas.

O que eu quero passar é quanto investimento nós temos nessa área. Nós realmente acreditamos que o WordPress sem cabeça realmente traz o melhor de um CMS de classe mundial para o desempenho e a experiência do desenvolvedor que os sites modernos precisam para serem bem-sucedidos. E assim, enquanto continuamos a trabalhar com você sobre o que realmente precisamos construir, o que realmente precisamos ter para ajudá-lo a ter sucesso, você verá mais e mais investimentos aqui. Você vai nos ver continuando a lançar coisas, se não a cada duas semanas, pelo menos uma vez por mês, porque nos movemos muito rápido. E seu feedback é muito importante para nós.

Algumas das coisas que eu gostaria de destacar e falar um pouco mais profundamente desta lista são: Faust.js. Portanto, este é o framework Headless para WordPress. Construímos isso em 2021 e lançamos por aí. E recebemos muitos comentários de vocês e foi ótimo. E pegamos esse feedback e o reconstruímos porque simplesmente não estava escalando da maneira que os desenvolvedores precisavam. Usamos uma linguagem de consulta fornecida pelo G-qty e descobrimos que ela fazia algumas coisas mágicas, mas não escalava da maneira que queríamos. Então, trocamos isso pelo Apollo, que é um padrão da indústria. E isso permitiu muito mais flexibilidade com a estrutura.

Também lançamos suporte completo à hierarquia de modelos. Portanto, se você é um verdadeiro desenvolvedor do WordPress e lida com a hierarquia do WordPress há anos, isso será muito familiar para você. Você vai entender exatamente o que está acontecendo. Também adicionamos uma arquitetura de plug-in para que você possa estender isso conforme necessário. Autenticação, visualizações de conteúdo diretamente do WordPress, coisas que os profissionais de marketing esperam ao criar seu site. Então esse foi um grande lançamento, realmente inspirado por todo o feedback que a comunidade nos deu. E continuamos a fazer isso. Nosso próximo grande recurso, que você pode usar hoje, é o suporte Gutenberg Block.

Então isso é novo. E, essencialmente, o que estamos tentando fazer é fazer com que os desenvolvedores possam garantir que os blocos que um editor está acostumado a usar no WordPress sejam acessíveis para o front-end, para seu aplicativo de nó sem uma tonelada de trabalho extra, para que você pode oferecer ao editor a experiência que ele espera, juntamente com uma experiência de desenvolvimento fácil e gerenciável. E temos uma sessão mais tarde em DE{CODE} sobre isso. Encorajo todos vocês a participar e aprender com isso. Adoraríamos receber seus comentários enquanto continuamos a iterar sobre esse recurso importante.

Outra coisa que sumiu quando você leva o WordPress para Headless é a barra de ferramentas. Muitos editores estão acostumados a ir para uma página da web, clicar em “Editar conteúdo” e ir direto para o editor e poder alterar o conteúdo na hora. Bem, isso desapareceu quando você ficou sem cabeça. Então, estamos adicionando isso de volta com Faust. Assim, você pode editar conteúdo, depurar conexões e muito mais, assim como faria com a barra de ferramentas existente do WordPress. Também acho que há algumas coisas realmente interessantes que podemos trazer para a barra de ferramentas que não existem no WordPress tradicional. Coisas como desempenho do servidor, status de implantação e outros, apenas um monte de ideias que temos para esse recurso específico.

Outra coisa sobre a qual quero falar com o Faust é que o Faust é construído sobre o Apollo, o React e o Next.js. Ele estende isso e torna o trabalho com o WordPress muito mais fácil para o desenvolvedor JavaScript moderno. Você não precisa usá-lo. Somos agnósticos de estrutura no Atlas. Mas se você está procurando uma recomendação sobre a melhor maneira de fazer isso, nossa recomendação é Faust. Outro recurso importante que está sendo lançado hoje aqui no DE{CODE} e que gostaria de destacar é a Pesquisa Atlas. Você deve se lembrar do Atlas Search do DE{CODE} do ano passado, onde tivemos um Beta aberto para muitos de vocês experimentarem. E muitos de vocês o fizeram, e muitos dos comentários que nos forneceram ao longo do ano realmente tornaram esse recurso completo que podemos lançar hoje.

É o primeiro GraphQL sem API proprietária e é totalmente extensível. Temos um conjunto completo de recursos com suporte ACF e pós-tipo personalizado, navegação facetada, resultados ponderados e personalizados, derivação, imprecisão e exclusões e, o melhor de tudo, não temos limites para ações de pesquisa ou largura de banda. Queremos tornar isso simples e fácil de usar. Portanto, se você estiver interessado nisso, verifique nossas informações adicionais na Pesquisa do Atlas.

E alguns outros lançamentos importantes que talvez você não saiba que lançamos nos últimos trimestres: Ambientes de visualização. Portanto, se você quiser visualizar uma solicitação de pesquisa, podemos configurar um ambiente automaticamente para você. E isso torna os testes e o controle de qualidade muito fáceis. Você não precisa fazer todo o trabalho de descobrir quem está olhando para qual ramo e onde e para qual ambiente eles estão olhando. Você pode criar automaticamente um desses ambientes efêmeros com base em sua solicitação de enquete.

Também temos webhooks de reconstrução. Portanto, você pode usá-los para acionar compilações com base em qualquer lógica de negócios necessária. Isso também é algo que está ao vivo hoje. Com isso, também temos reversões instantâneas. Então, se algo não estiver funcionando, você pode reimplantar para uma versão anterior do seu site. E também temos logs de compilação em tempo real e a capacidade de cancelar uma compilação. Portanto, se algo estiver errado, vá em frente e cancele para que possamos verificar os erros, fazer alterações e reconstruir o site. E outro que muitos de vocês estão pedindo é a proteção por senha, assim como no WordPress tradicional. Você pode ter ambientes de visualização que deseja que seu cliente veja e aprove. Coloque uma senha nisso para que você possa torná-lo ativo e permitir que eles o usem.

E agora eu gostaria de falar um pouco mais sobre o futuro. Temos uma série de grandes coisas no horizonte para a Atlas no próximo ano. Mas há alguns deles sobre os quais gostaria de falar que estão mais próximos da realidade e que vocês deverão ver nos próximos meses. O primeiro deles é monitoramento e análise avançados. Muitas vezes ouvimos de você que você gostaria de mais informações, mais análises, o que está acontecendo com meu site? Como é o meu tráfego? Como são os logs de acesso? Então, queremos trazer isso à tona para você, para que você possa ver isso sem ter que pedir.

Você pode usar isso para otimizar suas campanhas, seu código, seu site. Também adicionaremos monitoramento e alerta do GraphQL. O que exatamente está acontecendo com suas consultas GraphQL em tempo real? Para que você possa otimizar o desempenho. Mencionei o anúncio do Super Bowl anteriormente, que exigia muito ajuste de várias consultas para ter a melhor experiência possível. E se pudermos fornecer todas essas informações ao seu alcance para que você possa otimizá-las enquanto faz sua construção? Esse é o objetivo aqui.

Também queremos melhorar a experiência de CI/CD. Então, fazemos implantações automatizadas e coisas assim para você hoje, mas existem pipelines de implantação que não existem. Por exemplo, se você está fazendo uma alteração no back-end e no WordPress e no front-end no Node, como implantar os dois ao mesmo tempo para obter a experiência certa? Então, vamos trabalhar em maneiras de permitir que pipelines construídos sejam construídos e gerenciados para seus projetos com implantações sendo gerenciadas em WordPress e Node. Outro grande item que ouvimos muito é a personalização e localização sem cabeça. À medida que esses sites se tornam cada vez mais direcionados, queremos garantir que você tenha todas as ferramentas necessárias para personalizar e localizar seus sites. Então, estamos trabalhando em ideias de como isso pode se concretizar.

Gostaríamos muito da sua ajuda, porque quando digo personalização ou localização sem cabeça, isso pode significar muitas coisas para muitas pessoas diferentes. Então, eu adoraria ouvir de você para entender quais são as coisas que você está fazendo nesta área para que possamos garantir que construímos os recursos certos para você. Também estamos construindo uma biblioteca Headless Block. Esta é uma extensão do nosso projeto React Gutenberg Bridge sobre o qual falei anteriormente, e espero que você vá e participe da sessão sobre isso mais tarde em nosso evento DE{CODE}. Mas queremos fornecer uma biblioteca dos blocos mais usados ​​no WordPress para que eles estejam todos configurados e conectados para você usar imediatamente, para que você não precise fazer esse trabalho.

E você também poderá usá-los como um padrão para conectar seus próprios blocos personalizados conforme necessário. A esperança de longo prazo que tenho para isso é que os desenvolvedores comecem a ser capazes de construir bibliotecas de componentes reutilizáveis ​​e talvez compartilhá-los com a comunidade para que todos possamos ter uma vantagem inicial em nossos projetos. E por falar em Faust, quero destacar o investimento contínuo que temos aqui. Como eu disse anteriormente, Faust usa Apollo, React e Next.js. E vamos adicionar mais recursos à nossa plataforma para oferecer suporte a esses componentes, para que eles sejam executados com mais rapidez, segurança e facilite o desenvolvimento no Atlas.

Então agora eu quero falar sobre um tópico realmente interessante. Essa pergunta foi feita em uma mesa redonda que tivemos algumas semanas atrás. A questão, eu acho, era exatamente, por que todo mundo está pressionando tanto o Headless? E então eu quero falar, Headless é a coisa certa para cada projeto? Eu acho que em alto nível, não é. Você precisa escolher a ferramenta certa para o trabalho. E o Headless realmente se destaca quando você procura criar algo muito rápido e com desempenho em uma pilha da Web moderna que deseja que seja muito, muito segura. Ele se destaca quando você tem projetos complicados. Ele se destaca quando o desempenho é fundamental.

Eu recomendaria que você criasse um pequeno site de brochura no Headless? Não necessariamente, a menos que se trate de um site com muito tráfego e histórico de desempenho insatisfatório e você precise melhorar seu desempenho, ou se estiver procurando experimentar. Eles são o local perfeito para experimentar porque geralmente são pequenos. Mas se você estiver criando um grande site de mídia ou um site de comércio eletrônico, recomendo Headless porque permitirá que você crie esses sites de uma maneira muito combinável, traga dados de outros sistemas, crie experiências omnichannel e ser rápido e eficiente.

E eu recomendo o Headless WordPress porque sabemos que os editores adoram o WordPress. É o melhor CMS disponível para gerenciamento e desenvolvimento de conteúdo. Então, por que você não faria isso de uma maneira que deixasse os editores e os desenvolvedores felizes, ao mesmo tempo em que tinha um site de desempenho incrível e muito flexível?

Gostaria de agradecer pelo seu tempo hoje e por seu feedback e parceria contínuos enquanto continuamos nossa missão de tornar o WordPress um ótimo CMS sem cabeça. Temos várias outras sessões Headless hoje no evento DE{CODE}. Eu o encorajo a assistir, fazer perguntas, pois estamos sempre muito animados para trabalhar com você e ouvir o que você acha importante para o desenvolvimento de seus sites. Obrigado.