¡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.
Headless WordPress: Una solución sencilla para integrar Yoast SEO Sitemap con NextJS
Índice de contenidos Introducción Podrías encontrar diferentes soluciones para proporcionar el contenido de sitemap.xml en NextJS, la manera más obvia sería seguir los pasos recomendados en la propia documentación de NextJS. En WordPress, tenemos la posibilidad de instalar un plugin que genera automáticamente un archivo sitemap.xml, pero esto no funcionaría de por sí con una
Comparación entre Componentes de Servidor y Cliente en React 18 y Next.js 13
Tabla de contenidos Introducción Antes de empezar a explicar las diferencias entre componentes de servidor y de cliente hay que aclarar que los componentes de servidor no es una invención de Next.js sino que es una creación de React, la cual Next.js adoptó inmediatamente convirtiéndolos en el componente por defecto, siendo la razón principal la
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.