logo

¡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

HeadstartWP framework es una solución moderna para proyectos headless con WordPress. Desarrollado por 10up, ofrece integración con Next.js y WordPress, soporte para multisitios, custom post types, Gutenberg, Yoast, Polylang, entre otras funcionalidades. Aunque actualmente solo admite solicitudes de datos a través de REST API, se considera añadir soporte para GraphQL.

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.