Modelado de Contenido para Desarrolladores de React

sígueme en Twitter. Muy bien, hoy hablaré sobre el contenido porque en los últimos dos años la cantidad de contenido que hemos generado es enorme. Quiero decir, todos han creado contenido de alguna forma u otra. En noviembre del año pasado, durante la venta del Black Friday, vimos un aumento masivo en las solicitudes de API que recibimos en las APIs de Contentful. Por ejemplo, las solicitudes de GraphQL aumentaron un 550%, mientras que la API de entrega de contenido o CDA aumentó un 73%. Como desarrollador, creo que es nuestra responsabilidad asegurarnos de brindar esa experiencia increíble no solo a nuestros usuarios, sino también a nuestro equipo. Pero ¿cómo lo hacemos y qué es la modelización de contenido? Básicamente, un modelo de contenido te permite estructurar y organizar tu código. Ahora recuerda que tú tienes la experiencia técnica, pero no todos tus creadores de contenido, ni tus diseñadores tienen esa experiencia técnica. Así que debemos asegurarnos de proporcionar ese valor y ofrecer un flujo de trabajo sencillo para que puedan crear contenido. Suficiente teoría, vamos a la acción y hoy quiero hablar sobre Cookbook porque recientemente he tomado la cocina como un hobby y estoy tratando de crear una aplicación web porque soy programador y creo que puedo hacerlo. Pero de todos modos, en los próximos slides voy a hablar sobre mi enfoque de cómo estoy modelando mi contenido para esta aplicación en particular. He adoptado un enfoque de arriba hacia abajo para poder descomponer los elementos en piezas más pequeñas, en fragmentos más pequeños que básicamente me ayudarán a iterar sobre mi modelo de contenido una y otra vez. Comencé con el diseño de wireframes. Soy terrible en design. No me juzgues por el design, pero esto es lo que imagino que será mi aplicación web. Una aplicación web sencilla que muestra una lista de recetas y cada una de estas tarjetas tiene una imagen, un título y una descripción. Este simple wireframe me dio una idea de qué información necesito en mi tipo de contenido. Entonces, en Contentful, esto es lo que se ve mi modelo de contenido para el tipo de contenido de receta. Ahora tengo el título, tengo la descripción y tengo imágenes. Pero nos faltan dos cosas importantes. Si abro cualquiera de estas recetas, tiene un título, tiene imágenes, tiene la descripción pero también necesita tener esos ingredientes y las instrucciones de cómo cocinarlos. De lo contrario nadie sabrá cómo cocinar esa receta en particular y será un desastre. Con esta página me di cuenta de que necesito los ingredientes y las instrucciones. Así que fui y los agregué en Contentful. Agregué otros dos campos. Uno es ingredientes y el otro son las instrucciones. Ahora en ingredientes, si lo ves, dice que es una referencia porque los ingredientes se compartirán entre otras recetas también. Por eso creé un tipo de contenido separado para los ingredientes y te lo mostraré enseguida. Este es mi tipo de contenido de ingredientes y tiene un nombre y un tipo. Sé que hay

Hay demasiados tipos en esta charla, así que voy a tratar de evitar usar esa palabra. Pero así es como se ve mi tipo de contenido de ingredientes. Y este es el modelo de contenido general, por lo que la receta tiene una referencia a los ingredientes, los ingredientes tienen una referencia al tipo y la receta también tiene una referencia a los activos que básicamente contienen las imágenes. Ahora, una de las otras características que tuve en cuenta al construir este modelo de contenido fue la reutilización, porque como desarrolladores de react construimos componentes y queremos asegurarnos de usar esos componentes una y otra vez y no tener que repetir esas líneas de código una y otra vez. Y eso es lo que hice aquí. Sabía que iba a tener ingredientes para muchas recetas que serían comunes y así es como seleccioné los ingredientes como un tipo de contenido separado.

Lo siguiente es la gobernanza del contenido. Ahora esto es especialmente importante cuando estás trabajando con tu equipo y tu equipo va a ser el encargado de crear el contenido, publicarlo y revisarlo. Aquí es donde tienes que decidir qué tipo de flujo de trabajo o qué tipo de gobernanza del contenido deseas. ¿Necesitas dar acceso, necesitas dar acceso de publicación a todos y solo un número limitado de personas necesita tener ese acceso? Y lo siguiente, y muy importante, es la plataforma, porque necesitas decidir en qué plataforma se va a utilizar este contenido. ¿Será solo web, será solo móvil, será ambas o también será una aplicación habilitada para voz? Eso también es uno de los factores clave que debes tener en cuenta.

Y recuerda, nadie logra el modelo de contenido correcto en un solo intento. Te mostré el tipo de contenido SCP que creé. Inicialmente solo tenía tres campos, pero a medida que creaba y diseñaba mi wireframe, me di cuenta de que necesitaba agregar más y más campos para que tuviera más sentido. Así que está bien tener un tipo de contenido incompleto al principio, pero obtén comentarios de tu equipo, piensa más al respecto y luego crea tu tipo de contenido. Algunos recursos que me gustaría compartir con todos ustedes, tenemos un Centro de Aprendizaje donde ofrecemos capacitaciones para que puedas aprender más sobre Contentful y la modelización de contenido. Y tenemos un portal para desarrolladores donde puedes encontrar todos los recursos para desarrolladores, así que si solo quieres comenzar, el portal para desarrolladores es el mejor lugar para ir. Y gracias a todos por unirse, y lamento hacerlos esperar, sé que es un descanso y a la mayoría les gustaría tomar un café, yo también quiero, pero gracias a todos por unirse y que tengan un buen día!