{"id":26023,"date":"2023-01-20T19:15:02","date_gmt":"2023-01-20T19:15:02","guid":{"rendered":"https:\/\/building.nubank.com\/backend-driven-content-why-we-developed-a-server-driven-ui-framework-at-nubank\/"},"modified":"2024-05-22T14:23:34","modified_gmt":"2024-05-22T14:23:34","slug":"contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank","status":"publish","type":"post","link":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/","title":{"rendered":"Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank?"},"content":{"rendered":"\n<p><em>Escrito por: Rodrigo Sampaio<\/em><br><em>Revisado por: Thiago Zagui Giacomini, Rodrigo Maximo, Eduardo Roder, Tamara Campos<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Nubank ha crecido mucho en los \u00faltimos a\u00f1os. De ser solo una tarjeta de cr\u00e9dito y una cuenta bancaria, comenzamos tambi\u00e9n a ofrecer inversiones, seguros, pr\u00e9stamos, mercado, plataforma de pagos, etc. Para respaldar este r\u00e1pido crecimiento continuo, desarrollamos un marco de interfaz de usuario impulsado por servidor para permitir que los equipos de productos sean m\u00e1s eficientes.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es la Interfaz de Usuario Basada en el Servidor?<\/h2>\n\n\n\n<p>La interfaz de usuario basada en el servidor es una forma de crear una interfaz de aplicaci\u00f3n desde el backend. Por lo general, en el desarrollo m\u00f3vil, la aplicaci\u00f3n instalada en un dispositivo define la interfaz de usuario y solo los datos mostrados se recuperan de un servidor. Por lo tanto, cada cambio en el dise\u00f1o de la interfaz, como una nueva caracter\u00edstica, un nuevo producto, un nuevo dise\u00f1o o incluso un mantenimiento b\u00e1sico, requiere una nueva versi\u00f3n de la tienda de aplicaciones y los usuarios deber\u00e1n actualizar la versi\u00f3n de su aplicaci\u00f3n para ver esos cambios. Esto puede tardar entre una y dos semanas, ya que depende de la aprobaci\u00f3n del editor de la tienda de aplicaciones para su lanzamiento.&nbsp;<\/p>\n\n\n\n<p>Con la interfaz de usuario basada en el servidor, cada vez que la interfaz necesite una actualizaci\u00f3n o una soluci\u00f3n r\u00e1pida, estar\u00e1 f\u00e1cil e instant\u00e1neamente en el entorno de producci\u00f3n. Adem\u00e1s de recuperar datos que se mostrar\u00e1n en la interfaz de usuario, la aplicaci\u00f3n tambi\u00e9n recibe informaci\u00f3n sobre c\u00f3mo crear, mostrar la interfaz de usuario y reaccionar ante las interacciones del usuario.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pruebas A\/B y desarrollo<\/h2>\n\n\n\n<p>En realidad, este marco ofrece la opci\u00f3n de controlar la implementaci\u00f3n de nuevas funciones. Por lo tanto, no es obligatorio implementar una funci\u00f3n para todos los clientes a la vez. Facilitando as\u00ed la creaci\u00f3n y ejecuci\u00f3n de pruebas A\/B.&nbsp;<\/p>\n\n\n\n<p>Cuando las funciones de la aplicaci\u00f3n se desarrollan en el modo de lanzamiento tradicional, los cambios tardan semanas en implementarse ampliamente hasta el punto en que todos los clientes actualizan sus aplicaciones, a menos que los cambios se hayan previsto con anticipaci\u00f3n. La mayor\u00eda de las veces, se tienen en cuenta algunos cambios de copia, pero el dise\u00f1o o posicionamiento completo requiere mucha predicci\u00f3n futura de la hoja de ruta.<\/p>\n\n\n\n<p><em>Las funciones de la interfaz de usuario basada en el servidor son totalmente personalizables, lo que permite tomar decisiones sobre productos el mismo d\u00eda.&nbsp;<\/em><\/p>\n\n\n\n<p>Esto es \u00fatil tanto para \u00e1mbitos con alta incertidumbre, donde iterar r\u00e1pido es clave para entender el producto, como cuando hay un producto maduro y es necesario realizar experimentos para aumentar la conversi\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ventajas del marco de interfaz de usuario basada en el servidor<\/h2>\n\n\n\n<p>Para resumir y enumerar m\u00e1s ventajas, el marco de interfaz de usuario basada en el servidor:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Habilita una soluci\u00f3n r\u00e1pida e instant\u00e1nea al entorno de producci\u00f3n;<\/li>\n\n\n\n<li>Da control sobre el despliegue a los clientes;<\/li>\n\n\n\n<li>Facilita la creaci\u00f3n y ejecuci\u00f3n de pruebas A\/B;<\/li>\n\n\n\n<li>Potencia las decisiones sobre productos;<\/li>\n\n\n\n<li>Reduce el tama\u00f1o de la aplicaci\u00f3n;<\/li>\n\n\n\n<li>Evita filtraciones de nuevas funciones;<\/li>\n\n\n\n<li>Permite la posibilidad de crear componentes comunes de interfaz de usuario basada en el servidor.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Instrucciones de bloques de construcci\u00f3n<\/h2>\n\n\n\n<p>La plataforma de Contenido Impulsado por Backend (BDC, por sus siglas en ingl\u00e9s) es el nombre de nuestro marco interno de UI basado en servidor en Nubank. Generalmente decimos que BDC funciona como un manual de Lego para la aplicaci\u00f3n Nu. Indica c\u00f3mo utilizar los <span class=\"quotes\">\u2033<\/span>bloques de construcci\u00f3n<span class=\"quotes\">\u2033<\/span> disponibles para construir la interfaz para el usuario final. Entonces, cuando desarrollamos con BDC, nuestros desarrolladores b\u00e1sicamente escriben estos \u201cmanuales de Lego\u201d.<\/p>\n\n\n\n<p>Como Nubank usa <a href=\"https:\/\/building.nubank.com\/es\/why-we-think-flutter-will-help-us-scale-mobile-development-at-nubank\/\">Flutter<\/a> para el desarrollo m\u00f3vil, los bloques de construcci\u00f3n de BDC usan componentes de Flutter bajo el cap\u00f3 mientras se basan en el lenguaje de desarrollo que todos los Nubank usan, <a href=\"https:\/\/building.nubank.com\/es\/simplicity-working-with-clojure-at-nubank\/\">Clojure<\/a>. Contamos con un equipo dedicado de ingenieros que desarrollan y mantienen la plataforma BDC. Actualmente, los ingenieros de BDC ofrecen una plataforma completa para los equipos de producto:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Servicios que soportan la plataforma;<\/li>\n\n\n\n<li>Herramientas para ayudar a los desarrolladores;<\/li>\n\n\n\n<li>Optimizaciones constantes de rendimiento y confiabilidad en el backend;<\/li>\n\n\n\n<li>Soporte a los equipos que adoptan el framework.<\/li>\n<\/ul>\n\n\n\n<p>El contenido impulsado por backend tambi\u00e9n cumple con el sistema de dise\u00f1o de Nu. Por lo tanto, cada pantalla o flujo creado con BDC sigue correctamente los patrones y est\u00e1ndares del sistema de dise\u00f1o de Nu. Esto garantiza la coherencia de la interfaz de usuario en toda la aplicaci\u00f3n.&nbsp;<\/p>\n\n\n\n<p>La pregunta m\u00e1s com\u00fan que escuchamos cuando abogamos internamente por la adopci\u00f3n de BDC ante otros equipos es: \u00bfViola las reglas de las tiendas de aplicaciones? La respuesta es no \u4e00 porque todas las tiendas de aplicaciones aceptan <strong>contenido din\u00e1mico<\/strong>. Lo que no puedes hacer, ya sea que utilices interfaz de usuario controlada por servidor o no, es enga\u00f1ar a los clientes para que descarguen una aplicaci\u00f3n que se convertir\u00e1 en una completamente diferente, cambiando su categor\u00eda de producto. Y ese no es el caso.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ruta de \u00c9xito del Contenido Impulsado por el Backend<\/h2>\n\n\n\n<p>Los casos de uso interno de BDC siguen creciendo y con el tiempo tenemos m\u00e1s equipos interesados en crear nuevas pantallas y flujos us\u00e1ndolo. Para seguir ese camino, <strong>invertimos continuamente para hacer que el contenido impulsado por backend sea m\u00e1s s\u00f3lido y eficiente<\/strong> para cumplir con m\u00e1s requisitos de diferentes equipos y casos de uso.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Adem\u00e1s de la continua evoluci\u00f3n de la plataforma, la colaboraci\u00f3n es una clave importante para el \u00e9xito de BDC. Entonces, mientras el equipo de ingenieros de BDC trabaja para aportar mejoras y desbloquear nuevas funciones, alentamos a los desarrolladores de Nubank a colaborar con la plataforma BDC. De esta manera logramos reunir una comunidad interna de desarrolladores que corren la voz sobre BDC y tambi\u00e9n contribuyen al desarrollo de la plataforma BDC, de la que se beneficiar\u00e1 toda la empresa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 es importante la documentaci\u00f3n?<\/h2>\n\n\n\n<p>Los documentos suelen ser el primer punto de contacto con un desarrollador y constantemente actualizamos y creamos art\u00edculos \u00fatiles para la comunidad de BDC.<\/p>\n\n\n\n<p>En ese sentido, es importante se\u00f1alar que el equipo de ingenier\u00eda de BDC es responsable no solo de crear y mantener el marco, sino tambi\u00e9n de respaldar el aprendizaje de BDC en toda la empresa. El equipo se ha convertido en un referente interno de apoyo a una plataforma mediante acciones como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Realizar sesiones mensuales;<\/li>\n\n\n\n<li>Redactar documentos \u00fatiles;<\/li>\n\n\n\n<li>Comunicar nuevas caracter\u00edsticas y mejoras;<\/li>\n\n\n\n<li>Contribuir a las discusiones de los equipos de productos para compartir las capacidades de la plataforma.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Rol de defensor del desarrollador<\/h2>\n\n\n\n<p>Recientemente creamos el primer rol de defensor del desarrollador en Nubank para ser portavoz interno de la plataforma BDC. En resumen, esta persona nos ayuda a comprender los principales puntos d\u00e9biles del lado de los desarrolladores, involucrar a la comunidad y brindar ideas para mejorar la experiencia de desarrollo de BDC.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lo que hemos aprendido hasta ahora<\/h2>\n\n\n\n<p>El contenido impulsado por backend tiene casi dos a\u00f1os y, desde el primer MVP, ha logrado mucho.&nbsp;Actualmente, casi el 70% de las nuevas pantallas y flujos construidos en Nubank utilizan BDC. El 43% de la aplicaci\u00f3n ya la usa y estas cifras siguen creciendo.<\/p>\n\n\n\n<p>Los comentarios que recibe BDC de los equipos de productos son fant\u00e1sticos. Com\u00fanmente destacan las siguientes ventajas:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Es posible controlar el despliegue para los clientes, pudiendo realizarlo al ritmo deseado;<\/li>\n\n\n\n<li>F\u00e1cil de realizar ajustes menores en una pantalla o un flujo que ya est\u00e1 en producci\u00f3n;&nbsp;<\/li>\n\n\n\n<li>R\u00e1pido para implementar mejoras en la producci\u00f3n en tan solo un d\u00eda;<\/li>\n\n\n\n<li>Desarrollo que ahorra tiempo.<\/li>\n<\/ul>\n\n\n\n<p>El crecimiento del marco de interfaz de usuario basada en el servidor en Nu fue finalmente posible gracias a la cultura de la empresa. La gente de Nu est\u00e1 motivada a cambiar el status quo, siendo muy receptiva a nuevas ideas, aceptando cambios y experimentando diferentes formas de crear productos amados por nuestros clientes. Esto ayud\u00f3 no solo a crecer el uso de BDC, sino tambi\u00e9n a crear un fuerte sentido de comunidad entre los usuarios de la plataforma BDC.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El marco de Interfaz de Usuario Basada en el Servidor Flutter de Nubank mejora la velocidad de desarrollo y el control de los lanzamientos, lo que reduce el tiempo de comercializaci\u00f3n de nuevas funciones y correcci\u00f3n de errores<\/p>\n","protected":false},"author":178110172,"featured_media":24817,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2499,2589],"tags":[2688,2689,2686,2687],"ppma_author":[2389],"class_list":["post-26023","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-engineering-es","category-software-engineering-es","tag-backend-driven-content-es","tag-bdc-es","tag-flutter-es","tag-server-driven-ui-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank? - Building Nubank<\/title>\n<meta name=\"description\" content=\"El marco de Interfaz de Usuario Basada en el Servidor Flutter de Nubank mejora la velocidad de desarrollo y el control de los lanzamientos, lo que reduce el tiempo de comercializaci\u00f3n de nuevas funciones y correcci\u00f3n de errores\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank? - Building Nubank\" \/>\n<meta property=\"og:description\" content=\"El marco de Interfaz de Usuario Basada en el Servidor Flutter de Nubank mejora la velocidad de desarrollo y el control de los lanzamientos, lo que reduce el tiempo de comercializaci\u00f3n de nuevas funciones y correcci\u00f3n de errores\" \/>\n<meta property=\"og:url\" content=\"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/\" \/>\n<meta property=\"og:site_name\" content=\"Building Nubank\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-20T19:15:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-22T14:23:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/01\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rodrigo Sampaio - Senior Technical Writer at Nubank\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rodrigo Sampaio - Senior Technical Writer at Nubank\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/\"},\"author\":{\"name\":\"Rodrigo Sampaio - Senior Technical Writer at Nubank\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/#\\\/schema\\\/person\\\/88b490f9d2ccb8c29ba59480dfe472d3\"},\"headline\":\"Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank?\",\"datePublished\":\"2023-01-20T19:15:02+00:00\",\"dateModified\":\"2024-05-22T14:23:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/\"},\"wordCount\":1450,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1\",\"keywords\":[\"Backend Driven Content\",\"BDC\",\"Flutter\",\"Server Driven UI\"],\"articleSection\":[\"Engineering\",\"Software Engineering\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/\",\"url\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/\",\"name\":\"Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank? - Building Nubank\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1\",\"datePublished\":\"2023-01-20T19:15:02+00:00\",\"dateModified\":\"2024-05-22T14:23:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/#\\\/schema\\\/person\\\/88b490f9d2ccb8c29ba59480dfe472d3\"},\"description\":\"El marco de Interfaz de Usuario Basada en el Servidor Flutter de Nubank mejora la velocidad de desarrollo y el control de los lanzamientos, lo que reduce el tiempo de comercializaci\u00f3n de nuevas funciones y correcci\u00f3n de errores\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1\",\"width\":1200,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/\",\"name\":\"Building Nubank\",\"description\":\"We make the extraordinary happen\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/#\\\/schema\\\/person\\\/88b490f9d2ccb8c29ba59480dfe472d3\",\"name\":\"Rodrigo Sampaio - Senior Technical Writer at Nubank\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/building.nubank.com.br\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/avatar_user_178110172_1673276933-96x96.jpeg2dc4d2c1696d5590ce4c97ba3f8c5daa\",\"url\":\"https:\\\/\\\/building.nubank.com.br\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/avatar_user_178110172_1673276933-96x96.jpeg\",\"contentUrl\":\"https:\\\/\\\/building.nubank.com.br\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/avatar_user_178110172_1673276933-96x96.jpeg\",\"caption\":\"Rodrigo Sampaio - Senior Technical Writer at Nubank\"},\"description\":\"Rodrigo Sampaio is responsible for managing documentation of the BDC team helping Nubank to prevent technical debt and empowering teams by enabling engineers to share knowledge efficiently. He has a degree in Journalism from Metodista University. Rodrigo has extensive experience working with communications and technology. Before joining Nubank, in 2022, he has worked in companies such as Goodyear, Ford, and Stefanini. He lives in S\u00e3o Paulo and has two female cats named Thelma and Louise.\",\"url\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/author\\\/rodrigo-sampaio\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank? - Building Nubank","description":"El marco de Interfaz de Usuario Basada en el Servidor Flutter de Nubank mejora la velocidad de desarrollo y el control de los lanzamientos, lo que reduce el tiempo de comercializaci\u00f3n de nuevas funciones y correcci\u00f3n de errores","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/","og_locale":"es_ES","og_type":"article","og_title":"Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank? - Building Nubank","og_description":"El marco de Interfaz de Usuario Basada en el Servidor Flutter de Nubank mejora la velocidad de desarrollo y el control de los lanzamientos, lo que reduce el tiempo de comercializaci\u00f3n de nuevas funciones y correcci\u00f3n de errores","og_url":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/","og_site_name":"Building Nubank","article_published_time":"2023-01-20T19:15:02+00:00","article_modified_time":"2024-05-22T14:23:34+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/01\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","type":"image\/jpeg"}],"author":"Rodrigo Sampaio - Senior Technical Writer at Nubank","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Rodrigo Sampaio - Senior Technical Writer at Nubank","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/#article","isPartOf":{"@id":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/"},"author":{"name":"Rodrigo Sampaio - Senior Technical Writer at Nubank","@id":"https:\/\/building.nubank.com\/es\/#\/schema\/person\/88b490f9d2ccb8c29ba59480dfe472d3"},"headline":"Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank?","datePublished":"2023-01-20T19:15:02+00:00","dateModified":"2024-05-22T14:23:34+00:00","mainEntityOfPage":{"@id":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/"},"wordCount":1450,"commentCount":0,"image":{"@id":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/01\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","keywords":["Backend Driven Content","BDC","Flutter","Server Driven UI"],"articleSection":["Engineering","Software Engineering"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/","url":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/","name":"Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank? - Building Nubank","isPartOf":{"@id":"https:\/\/building.nubank.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/#primaryimage"},"image":{"@id":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/01\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","datePublished":"2023-01-20T19:15:02+00:00","dateModified":"2024-05-22T14:23:34+00:00","author":{"@id":"https:\/\/building.nubank.com\/es\/#\/schema\/person\/88b490f9d2ccb8c29ba59480dfe472d3"},"description":"El marco de Interfaz de Usuario Basada en el Servidor Flutter de Nubank mejora la velocidad de desarrollo y el control de los lanzamientos, lo que reduce el tiempo de comercializaci\u00f3n de nuevas funciones y correcci\u00f3n de errores","breadcrumb":{"@id":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/#primaryimage","url":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/01\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","contentUrl":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/01\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","width":1200,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/building.nubank.com\/es\/contenido-impulsado-por-backend-por-que-desarrollamos-un-marco-de-interfaz-de-usuario-impulsado-por-servidor-en-nubank\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/building.nubank.com\/es\/"},{"@type":"ListItem","position":2,"name":"Contenido Impulsado por Backend: por qu\u00e9 desarrollamos un marco de interfaz de usuario impulsado por servidor en Nubank?"}]},{"@type":"WebSite","@id":"https:\/\/building.nubank.com\/es\/#website","url":"https:\/\/building.nubank.com\/es\/","name":"Building Nubank","description":"We make the extraordinary happen","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/building.nubank.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/building.nubank.com\/es\/#\/schema\/person\/88b490f9d2ccb8c29ba59480dfe472d3","name":"Rodrigo Sampaio - Senior Technical Writer at Nubank","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/building.nubank.com.br\/wp-content\/uploads\/2023\/01\/avatar_user_178110172_1673276933-96x96.jpeg2dc4d2c1696d5590ce4c97ba3f8c5daa","url":"https:\/\/building.nubank.com.br\/wp-content\/uploads\/2023\/01\/avatar_user_178110172_1673276933-96x96.jpeg","contentUrl":"https:\/\/building.nubank.com.br\/wp-content\/uploads\/2023\/01\/avatar_user_178110172_1673276933-96x96.jpeg","caption":"Rodrigo Sampaio - Senior Technical Writer at Nubank"},"description":"Rodrigo Sampaio is responsible for managing documentation of the BDC team helping Nubank to prevent technical debt and empowering teams by enabling engineers to share knowledge efficiently. He has a degree in Journalism from Metodista University. Rodrigo has extensive experience working with communications and technology. Before joining Nubank, in 2022, he has worked in companies such as Goodyear, Ford, and Stefanini. He lives in S\u00e3o Paulo and has two female cats named Thelma and Louise.","url":"https:\/\/building.nubank.com\/es\/author\/rodrigo-sampaio\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/01\/Backend-Driven-Content_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/pbKBB5-6LJ","jetpack_sharing_enabled":true,"authors":[{"term_id":2389,"user_id":178110172,"is_guest":0,"slug":"rodrigo-sampaio","display_name":"Rodrigo Sampaio - Senior Technical Writer at Nubank","avatar_url":"https:\/\/building.nubank.com.br\/wp-content\/uploads\/2023\/01\/avatar_user_178110172_1673276933-96x96.jpeg","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/posts\/26023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/users\/178110172"}],"replies":[{"embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/comments?post=26023"}],"version-history":[{"count":3,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/posts\/26023\/revisions"}],"predecessor-version":[{"id":29344,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/posts\/26023\/revisions\/29344"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/media\/24817"}],"wp:attachment":[{"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/media?parent=26023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/categories?post=26023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/tags?post=26023"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/ppma_author?post=26023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}