¡Hola! soy Lucy
Senior Web Engineer en 10up
Escribo sobre JavaScript, React, WordPress, Web Performance... y todo lo que aprendo por el camino.
Este sitio es mi cuaderno de notas y está en progreso.
HeadstartWP framework, una solución para headless WordPress
Descubre HeadstartWP, una solución moderna para desarrollar proyectos headless con WordPress y NextJS de una manera sencilla, con una variedad de integraciones y facilidades que nos harán la vida más fácil.
Headless WordPress: Una solución sencilla para integrar Yoast SEO Sitemap con NextJS
¿Buscas integrar sitemap.xml del plugin WP Yoast SEO en Next.js? La solución podría parecer compleja, pero ¿y si te digo que puede ser más sencillo? Evita fetch requests y complejas integraciones. Sigue leyendo para una solución eficiente y sin complicaciones en tu proyecto Headless.
Comparación entre Componentes de Servidor y Cliente en React 18 y Next.js 13
Al explorar React 18 y Next.js 13: ¿cuál es la diferencia entre los Componentes de Servidor y Cliente? Descubre las distinciones clave entre ambos. Ofrecemos un análisis detallado desde el rendimiento hasta la flexibilidad, para ayudarte a seleccionar la mejor estrategia según las necesidades de tu proyecto.
Headless WordPress: Resaltado de código en React utilizando el bloque Gutenberg de Código en WordPress core
Aprende cómo integrar el bloque de Código de Gutenberg en WordPress Headless y darle vida a tus bloques de código en React. Descubre los pasos clave para parsear contenido de WordPress y reemplazar los bloques con componentes React.
Cómo parsear contenido de WordPress en un entorno headless y reemplazar los bloques Gutenberg con componentes React
¡Aprovecha al máximo WordPress en un entorno headless! Aprende a analizar el contenido y sustituir los bloques Gutenberg por componentes React para una integración perfecta.
Cómo preparar bloques Gutenberg para utilizarlos en un entorno Headless con React
Descubre cómo preparar los bloques de Gutenberg para integrarlos con React en una arquitectura Headless. Aprende a modificar atributos y añadir marcadores de posición en HTML. ¡Prepárate para mejorar tus bloques de código y potenciar su interactividad con React!
Cómo personalizar los bloques existentes de Gutenberg con campos adicionales
Aprende cómo extender los atributos de bloques existentes en WordPress para agregar campos adicionales de configuración. Sigue instrucciones paso a paso utilizando el bloque de Código como ejemplo, añadiendo atributos personalizados y controles en el editor.
Optimiza tu flujo de trabajo: Lint Staged + Husky + Prettier + ESLint
En este artículo exploraremos la importancia de implementar un flujo de desarrollo automatizado en JavaScript. El uso de herramientas como Prettier y ESLint nos ayuda a mantener un código limpio y consistente, detectando errores y problemas de formato antes de hacer un commit en Git.
Headless WordPress: ¿Qué es, cómo funciona y cuándo deberías considerarlo?
La arquitectura Headless de WordPress tiene ventajas significativas, como la posibilidad de elegir tecnologías en el front-end, la seguridad que brinda al aislar el back-end y la escalabilidad que ofrece. No obstante, también existen desventajas, como la complejidad y los costos adicionales que requiere su implementación y mantenimiento. Todo lo que necesitas saber en este artículo.