Vaya más allá con Headless Powered by Atlas

Es hora de tomarse en serio las soluciones sin cabeza. Las empresas y agencias reales están creando experiencias web autónomas que brindan a los desarrolladores la flexibilidad de usar cualquier pila frontal y permiten a los creadores de contenido usar su interfaz de publicación preferida.

En esta sesión, el director de producto de WP Engine, Jason Konen, resume los avances que hemos logrado con Atlas, la solución de WordPress sin interfaz de WP Engine, y brinda un adelanto de los avances que buscaremos en 2023.

Diapositivas de la sesión:

Transcripción:

JASON KONEN: Hola, soy Jason Konen. Soy el director de producto de Atlas aquí en WP Engine, y me gustaría hablarles hoy sobre ir más allá con Headless impulsado por Atlas. Entonces, lo que realmente estamos viendo en este momento es un gran cambio en el mercado. Es probablemente el cambio más grande desde que salieron los teléfonos inteligentes, ya que el 64 % de las empresas utilizan actualmente un enfoque sin cabeza y el 90 % busca hacerlo en los próximos 12 meses. Ese es un gran número. Y sabemos que la comunidad de WordPress ha estado creciendo en Headless durante los últimos años. Hemos estado trabajando muy de cerca con algunos de nuestros socios y hemos implementado muchos, muchos sitios de Headless WordPress para satisfacer esta necesidad.

Una de las cosas que vemos es que Headless realmente empodera a los desarrolladores. Entonces, los CMS modernos tienen algunas cosas realmente asombrosas que hacen. Pero lo que estamos descubriendo es que realmente quita poder al editor. Así que estos CMS sin cabeza que se han diseñado específicamente para personas sin cabeza desde el principio, son realmente interesantes, son realmente útiles para los desarrolladores, pero los editores pierden algunas cosas. Pierden temas y diseños de página y herramientas de SEO y cosas por el estilo. Pero WordPress realmente empodera al editor y siempre lo ha hecho. Desde el núcleo hasta todos los complementos del ecosistema, todos los temas y la comunidad.

Entonces, realmente permitir que el editor controle su mensaje, su texto, el formato, las pruebas A/B, las herramientas de SEO, el cambio de temas y hacer todo ese trabajo sin necesidad de un gran desarrollo. Pero acabamos de decir que Headless quita eso, quita ese poder. Pero creemos que Headless WordPress trae eso para todos, no solo impulsando a los desarrolladores y lo que quieren hacer, sino también a los editores y lo que están tratando de hacer. Entonces, si lo ve como "cuáles son las mejores herramientas para el trabajo", sus desarrolladores querrán trabajar con una pila de tecnología moderna que les permita escalar, usar código en exceso, usar técnicas modernas y crecer con la industria. Mientras que los editores quieren poder usar las herramientas de CMS que conocen y aman desde hace 20 años sin tener que hacer muchos cambios.

Aquí es donde entra Atlas. La plataforma Atlas ha sido diseñada para deleitar tanto a los editores como a los desarrolladores. El mejor alojamiento de WordPress en su clase es la base para esto, pero luego agregamos capas de escalado automático y alojamiento de nodo de recuperación para que pueda crear aplicaciones web modernas sobre WordPress. Tenemos almacenamiento en caché perimetral preconfigurado, herramientas de CI/CD y un rendimiento y seguridad incomparables, todo construido sobre un ecosistema que está creciendo en una comunidad que está creciendo. WP GraphQL, junto con su nueva característica, Smart Cache, nuestro próximo producto, Atlas Search. Faust.JS, un marco sin cabeza para crear sitios de WordPress sin cabeza, campos personalizados avanzados, que incorporamos a la familia WP Engine el año pasado y hemos estado trabajando arduamente para llevar nuestras capacidades Atlas Content Modeler directamente a ACF.

Blueprints y más, y no olvidemos el soporte de clase mundial que ya conoce y ama. Ahora quiero hablar un poco sobre el rendimiento. Recientemente, tuvimos un cliente que publicó un par de anuncios durante el Super Bowl. Y ni siquiera puede probar el tipo de tráfico que obtendrá en un evento como este. Si ves aquí en este gráfico, tienes tres picos pequeños en el sexto, el octavo y el noveno. Esas fueron sus pruebas de carga, por lo que estaban probando para ver, "oye, este sitio va a aguantar" todo el tráfico que esperaban durante el Super Bowl. Y luego ven más adelante en el gráfico, dos picos gigantes, y eso corresponde a los dos anuncios que se publicaron en el Super Bowl. 10 veces el tráfico que esperaban. Y esto fue increíblemente exitoso.

Tuvieron un rendimiento constante antes, durante y después, incluso con el aumento repentino de 10 veces con 10 millones de solicitudes en solo minutos. Los ataques DDoS se mitigaron en el borde, evitando cualquier tipo de problema de rendimiento de la aplicación. El 99% de todo el front-end se almacenó en caché con 151 milisegundos, hasta el primer byte y 700 milisegundos para renderizar, todo mientras se manejaban 27 millones de solicitudes durante el Super Bowl. Entonces, si visitó el sitio durante el pico de tráfico, no habría tenido idea de que estaba bajo tal carga. Ese es el tipo de rendimiento que un sitio de Headless WordPress puede brindarle. Y lo hemos integrado en la plataforma Atlas.

Trabajamos muy duro con el cliente y la agencia detrás de este anuncio para garantizar que su sitio tenga un buen rendimiento y esté optimizado. Y eso es algo que hacemos con nuestros clientes: asegurarnos de que estamos utilizando todas las mejores prácticas para garantizar que sus sitios funcionen, sean rápidos y seguros. Entonces, una de las grandes cosas que hacemos en el equipo de Atlas es escuchar y asociarnos con nuestros clientes y agencias asociadas. Escuchamos, aprendemos y liberamos. Y aquí hay un montón de cosas que lanzamos en 2022 para Atlas.

Lo que quiero transmitir es cuánta inversión tenemos en esta área. Realmente creemos que WordPress sin cabeza realmente trae lo mejor de un CMS de clase mundial al rendimiento y la experiencia de desarrollador que los sitios modernos necesitan para tener éxito. Y así, a medida que continuamos trabajando con usted en lo que realmente necesitamos construir, lo que realmente necesitamos tener para ayudarlo a tener éxito, verá más y más inversiones aquí. Nos verás continuando lanzando cosas, si no cada dos semanas, al menos una vez al mes porque nos movemos bastante rápido. Y su opinión es muy importante para nosotros.

Algunas de las cosas que me gustaría mencionar y hablar un poco más profundamente de esta lista son: Faust.js. Así que este es el marco Headless para WordPress. Construimos esto en 2021 y lo lanzamos. Y recibimos muchos comentarios de ustedes y fue genial. Y tomamos esa retroalimentación y la reconstruimos porque simplemente no estaba escalando de la manera en que los desarrolladores necesitaban escalar. Utilizamos un lenguaje de consulta proporcionado por G-qty y descubrimos que solo hizo algunas cosas mágicas, pero no escalaba de la manera que queríamos que escalara. Así que lo cambiamos por Apollo, que es un estándar de la industria. Y eso ha permitido mucha más flexibilidad con el marco.

También lanzamos compatibilidad completa con la jerarquía de plantillas. Entonces, si eres un verdadero desarrollador de WordPress y has estado lidiando con la jerarquía de WordPress durante años, esto te resultará muy familiar. Vas a entender exactamente lo que está pasando. También hemos agregado una arquitectura de complemento para que pueda ampliarla según lo necesite. Autenticación, vistas previas de contenido directamente desde WordPress, cosas que los especialistas en marketing esperan mientras construyen su sitio. Así que fue un gran lanzamiento, realmente inspirado por todos los comentarios que nos dio la comunidad. Y seguimos haciendo eso. Nuestra próxima gran característica, que puede usar hoy, es el soporte de Gutenberg Block.

Así que esto es nuevo. Y esencialmente, lo que estamos tratando de hacer es que los desarrolladores puedan asegurarse de que los bloques que un editor está acostumbrado a usar en WordPress sean accesibles para el front-end, para su aplicación de nodo sin una tonelada de trabajo adicional, para que puede brindarle al editor la experiencia que espera, junto con una experiencia de desarrollo que sea fácil y manejable. Y tenemos una sesión más adelante en DE{CODE} sobre esto. Os animo a todos a asistir y aprender de esto. Nos encantaría recibir sus comentarios aquí mientras continuamos iterando en esta característica clave.

Otra cosa que falta cuando llevas WordPress a Headless es la barra de herramientas. Muchos editores están acostumbrados a ir a una página web, hacer clic en "Editar contenido" y acceder directamente al editor y poder cambiar el contenido sobre la marcha. Bueno, eso desapareció cuando te quedaste sin cabeza. Así que estamos agregando eso nuevamente con Fausto. Para que pueda editar contenido, depurar conexiones y más, tal como lo haría con la barra de herramientas de WordPress existente. También creo que hay algunas cosas realmente interesantes que podemos incorporar a la barra de herramientas que no existen en WordPress tradicional. Cosas como el rendimiento del servidor, el estado de implementación y otras, solo algunas de las ideas que tenemos para esta función en particular.

Entonces, otra cosa de la que quiero hablar con Faust es que Faust está construido sobre Apollo, React y Next.js. Extiende eso y hace que trabajar con WordPress sea mucho más fácil para el desarrollador de JavaScript moderno. No tienes que usarlo. Somos agnósticos del marco en Atlas. Pero si está buscando una recomendación sobre cómo hacerlo de la mejor manera, nuestra recomendación es Fausto. Otra función clave que se lanzará hoy aquí en DE{CODE} y que me gustaría destacar es Atlas Search. Es posible que recuerde Atlas Search del DE{CODE} del año pasado, donde tuvimos una versión beta abierta para que muchos de ustedes la probaran. Y muchos de ustedes lo hicieron, y muchos de los comentarios que nos brindaron a lo largo del año realmente han hecho de esta una función completa que podemos lanzar hoy.

Es un GraphQL primero sin API propietaria y es completamente extensible. Tenemos un conjunto completo de funciones con ACF y compatibilidad con tipos de publicaciones personalizadas, navegación por facetas, resultados ponderados y personalizados, derivación, borrosidad y exclusiones, y lo mejor de todo es que no tenemos límites en las acciones de búsqueda ni en el ancho de banda. Queremos que esto sea simple y fácil de usar. Entonces, si está interesado en eso, consulte nuestra información adicional sobre Atlas Search.

Y algunos otros lanzamientos clave que tal vez no conozca y que lanzamos en los últimos trimestres: Entornos de vista previa. Entonces, si desea obtener una vista previa de una solicitud de encuesta, podemos configurar un entorno automáticamente para usted. Y esto hace que las pruebas y el control de calidad sean muy fáciles. No tiene que hacer todo el trabajo de averiguar quién está mirando qué rama y dónde y qué entorno están mirando. Puede crear automáticamente uno de estos entornos efímeros en función de su solicitud de encuesta.

También tenemos webhooks de reconstrucción. Por lo tanto, puede usarlos para desencadenar compilaciones basadas en la lógica comercial que necesite. Eso también es algo que está vivo hoy. Con eso, también tenemos retrocesos instantáneos. Entonces, si algo no funciona, puede volver a implementarlo en una versión anterior de su sitio. Y también tenemos registros de compilación en tiempo real y la capacidad de cancelar una compilación. Entonces, si algo sale mal, adelante, cancélelo y podemos ver los errores, hacer cambios y reconstruir ese sitio. Y luego, otro que muchos de ustedes están pidiendo es la protección con contraseña, al igual que en WordPress tradicional. Es posible que tenga entornos de vista previa que desee que su cliente vea y apruebe. Ponga una contraseña en eso para que pueda hacerlo en vivo y permitirles usarlo.

Y ahora me gustaría contarles un poco más sobre el futuro. Tenemos una serie de grandes cosas en el horizonte para Atlas en el próximo año. Pero hay algunos de ellos de los que me gustaría hablar que están más cerca de la realidad y que deberías ver en los próximos meses. El primero de los cuales es el monitoreo y análisis avanzados. Hemos escuchado de usted muy a menudo que le gustaría obtener más información, más análisis, ¿qué está pasando con mi sitio? ¿Cómo se ve mi tráfico? ¿Qué aspecto tienen los registros de acceso? Así que queremos mostrarte eso para que puedas verlo sin tener que pedirlo.

Puede usar eso para optimizar sus campañas, su código, su sitio. También agregaremos monitoreo y alertas de GraphQL. ¿Qué sucede exactamente con sus consultas de GraphQL en tiempo real? Para que pueda optimizar el rendimiento. Anteriormente mencioné el anuncio del Super Bowl, que requería muchos ajustes de varias consultas para tener la experiencia más óptima. Entonces, ¿qué pasa si podemos brindarle toda esa información al alcance de su mano para que pueda optimizarla usted mismo mientras realiza su compilación? Ese es el objetivo aquí.

También queremos mejorar la experiencia de CI/CD. Así que hacemos implementaciones automatizadas y cosas por el estilo para usted hoy, pero hay canalizaciones de implementación que no existen. Por ejemplo, si está realizando un cambio tanto en el backend y WordPress como en su front-end en Node, ¿cómo implementa ambos al mismo tiempo para obtener la experiencia correcta? Por lo tanto, vamos a trabajar en formas de permitir que se construyan y administren canalizaciones integradas para sus proyectos con implementaciones que se administren en WordPress y Node. Otro tema importante que escuchamos mucho es la personalización y localización sin cabeza. A medida que estos sitios web se vuelven cada vez más específicos, queremos asegurarnos de que tenga todas las herramientas que necesita para personalizar y localizar sus sitios. Así que estamos trabajando en ideas de cómo eso podría llegar a buen término.

Realmente nos encantaría su ayuda porque cuando digo personalización o localización sin cabeza, eso puede significar muchas cosas para muchas personas diferentes. Así que me encantaría saber de usted para entender cuáles son las cosas que está haciendo en esta área para que podamos asegurarnos de desarrollar las capacidades adecuadas para usted. También estamos construyendo una biblioteca de bloques sin cabeza. Esta es una extensión de nuestro proyecto React Gutenberg Bridge del que hablé anteriormente, y espero que vayas y asistas a la sesión sobre eso más adelante en nuestro evento DE{CODE}. Pero queremos proporcionar una biblioteca de los bloques más utilizados en WordPress para que estén todos configurados y cableados para que los use de forma inmediata para que no tenga que ir y hacer ese trabajo.

Y también podrá usarlos como un patrón para conectar sus propios bloques personalizados según lo necesite. La esperanza a largo plazo que tengo para esto es que los desarrolladores puedan comenzar a crear bibliotecas de componentes reutilizables y tal vez compartirlos con la comunidad para que todos podamos tener una ventaja inicial en nuestros proyectos. Y hablando de Faust, quiero destacar la inversión continua que tenemos aquí. Como dije antes, Faust usa Apollo, React y Next.js. Y vamos a agregar más funciones a nuestra plataforma para admitir esos componentes, de modo que se ejecuten más rápido, de manera más segura y que le resulte realmente fácil desarrollar en Atlas.

Así que ahora quiero hablar de un tema realmente interesante. Esta pregunta se hizo en una mesa redonda que tuvimos hace unas semanas. La pregunta, creo, era exactamente, ¿por qué todos presionan tanto a Headless? Y entonces quiero hablar sobre si Headless es lo correcto para cada proyecto. Creo que a un alto nivel, no lo es. Debe elegir la herramienta adecuada para el trabajo. Y Headless realmente sobresale cuando busca crear algo que sea muy rápido y de alto rendimiento en una pila web moderna que desea que sea muy, muy segura. Sobresale cuando tienes proyectos complicados. Sobresale cuando el rendimiento es primordial.

¿Le recomendaría que construyera un pequeño sitio de folletos sobre Headless? No necesariamente, a menos que sea un sitio con mucho tráfico que tenga un historial de bajo rendimiento y necesite mejorar su rendimiento, o si desea experimentar. Son el sitio perfecto para experimentar porque generalmente son pequeños. Pero si está creando un sitio de medios grande o un sitio de comercio electrónico, le recomiendo Headless porque le permitirá crear estos sitios de una manera muy componible, traer datos de otros sistemas, crear experiencias omnicanal y ser rápido y eficaz.

Y recomiendo Headless WordPress porque sabemos que a los editores les encanta WordPress. Es el mejor CMS que existe para administrar y desarrollar contenido. Entonces, ¿por qué no querrías hacer eso de una manera que haga felices a los editores y a los desarrolladores, al mismo tiempo que tienes un sitio con un rendimiento increíble que es muy flexible?

Quería agradecerles por su tiempo hoy y sus continuos comentarios y colaboración mientras continuamos con nuestra misión de hacer de WordPress un gran CMS sin cabeza. Tenemos una serie de otras sesiones sin cabeza hoy en el evento DE{CODE}. Los animo a verlos y hacer preguntas, ya que siempre estamos muy emocionados de trabajar con ustedes y escuchar las cosas que creen que son importantes para desarrollar sus sitios. Gracias.