{"id":47677,"date":"2026-06-16T10:07:44","date_gmt":"2026-06-16T08:07:44","guid":{"rendered":"\/mx\/tutoriales\/mejores-practicas-de-vibe-coding"},"modified":"2026-06-17T09:02:49","modified_gmt":"2026-06-17T07:02:49","slug":"mejores-practicas-de-vibe-coding","status":"publish","type":"post","link":"\/mx\/tutoriales\/mejores-practicas-de-vibe-coding\/","title":{"rendered":"10 mejores pr\u00e1cticas de vibe coding para crear aplicaciones con IA"},"content":{"rendered":"<p class=\"wp-block-paragraph\">El vibe coding es una forma de crear aplicaciones al describir en lenguaje sencillo lo que quieres y dejar que la IA escriba el c&oacute;digo. El inform&aacute;tico Andrej Karpathy, cofundador de OpenAI y exl&iacute;der de IA en Tesla, acu&ntilde;&oacute; el t&eacute;rmino en febrero de 2025 en torno a una idea sencilla: t&uacute; describes el resultado que quieres y dejas de preocuparte por el c&oacute;digo en s&iacute;, con la intenci&oacute;n por encima de la implementaci&oacute;n.<\/p><p class=\"wp-block-paragraph\">Herramientas como Cursor, Claude y Hostinger Horizons te permiten hacer vibe coding tanto si est&aacute;s empezando desde cero como si ya tienes experiencia creando proyectos. Pero escribir un prompt y esperar lo mejor no te llevar&aacute; muy lejos. Necesitas conocer las mejores pr&aacute;cticas de vibe coding para crear algo que realmente funcione. Eso significa redactar prompts claros, iterar sobre el resultado, probarlo antes de confiar en &eacute;l, mantener el control de las decisiones y saber d&oacute;nde la IA alcanza sus l&iacute;mites.<\/p><h2 class=\"wp-block-heading\" id=\"h-1-empieza-con-una-intencion-clara-no-con-detalles-tecnicos\">1. Empieza con una intenci&oacute;n clara, no con detalles t&eacute;cnicos<\/h2><p class=\"wp-block-paragraph\">Dile a la IA lo que debe hacer una funcionalidad, no c&oacute;mo debe desarrollarla. Describes el resultado. La IA elige el enfoque t&eacute;cnico.<\/p><p class=\"wp-block-paragraph\">Imagina que est&aacute;s creando con vibe coding una web para una peluquer&iacute;a y necesitas una funci&oacute;n de reservas. Compara estos dos prompts:<\/p><ul class=\"wp-block-list\">\n<li>&ldquo;A&ntilde;ade un formulario de reservas para que tus clientes elijan un servicio, escojan una franja horaria disponible y reciban un email de confirmaci&oacute;n.&rdquo;<\/li>\n\n\n\n<li>&ldquo;A&ntilde;ade un formulario de reservas con una base de datos PostgreSQL, endpoints de una API REST y una integraci&oacute;n SMTP para enviar correos electr&oacute;nicos.&rdquo;<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Las dos piden la misma funcionalidad. Pero la primera describe lo que el cliente deber&iacute;a poder hacer. La segunda pasa directamente a decisiones t&eacute;cnicas que la IA puede resolver por s&iacute; sola.<\/p><p class=\"wp-block-paragraph\">As&iacute;, te centras en lo que el producto necesita. Si algo no est&aacute; bien, ajustas el prompt, no una l&iacute;nea de c&oacute;digo que no entiendes.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\"><figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a6d495fe8e5e\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a6d495fe8e5e\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2026\/06\/clear-intent.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Ilustraci&oacute;n de la intenci&oacute;n por encima de la implementaci&oacute;n, con el ejemplo de la creaci&oacute;n de una web para una peluquer&iacute;a\" class=\"wp-image-54183\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p class=\"wp-block-paragraph\">Redactar&aacute;s mejores prompts si primero planificas lo que necesita tu app. Puede ser tan simple como un archivo de texto o una nota en tu tel&eacute;fono con una lista de lo que hace la aplicaci&oacute;n, para qui&eacute;n es y cu&aacute;les son las p&aacute;ginas o pantallas principales. Le das a la IA un mapa antes de pedirle que conduzca. Sin eso, adivina la ruta.<\/p><h2 class=\"wp-block-heading\" id=\"h-2-divide-las-ideas-en-partes-mas-faciles-de-abordar\">2. Divide las ideas en partes m&aacute;s f&aacute;ciles de abordar<\/h2><p class=\"wp-block-paragraph\">Desarrolla una funci&oacute;n cada vez en lugar de pedirle a la IA que genere una aplicaci&oacute;n completa en una sola instrucci&oacute;n. La IA ofrece resultados m&aacute;s limpios cuando se centra en una sola tarea en lugar de intentar hacerlo todo a la vez.<\/p><p class=\"wp-block-paragraph\">Por ejemplo, en lugar de pedir &ldquo;Crea una aplicaci&oacute;n completa con p&aacute;gina de inicio, inicio de sesi&oacute;n, panel de control y p&aacute;gina de ajustes&rdquo;, div&iacute;delo en solicitudes independientes: &ldquo;Crea una p&aacute;gina de inicio con una secci&oacute;n hero y una barra de navegaci&oacute;n&rdquo; &rarr; &ldquo;Ahora a&ntilde;ade un formulario de inicio de sesi&oacute;n con campos de email y contrase&ntilde;a&rdquo; &rarr; &ldquo;A&ntilde;ade un panel de control que muestre la actividad reciente del usuario.&rdquo;<\/p><p class=\"wp-block-paragraph\">Aqu&iacute; tienes una forma sencilla de dividir tu proyecto:<\/p><ol class=\"wp-block-list\">\n<li>Empieza por el dise&ntilde;o y la navegaci&oacute;n<\/li>\n\n\n\n<li>A&ntilde;ade una funci&oacute;n principal, como un formulario o una visualizaci&oacute;n de datos<\/li>\n\n\n\n<li>Desarrolla la siguiente funcionalidad a partir de lo que ya funciona<\/li>\n\n\n\n<li>A&ntilde;ade los ajustes de estilo y dise&ntilde;o al final<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Cada parte es lo bastante peque&ntilde;a como para que puedas probarla antes de seguir adelante. Detectar&aacute;s los problemas antes y la IA no sobrescribir&aacute; lo que ya funciona.<\/p><p class=\"wp-block-paragraph\">Guarda tu progreso despu&eacute;s de cada funcionalidad que funcione correctamente. Si usas una herramienta como Cursor o programas en local, guarda versiones de tu proyecto para poder volver atr&aacute;s si algo se rompe. Una herramienta gratuita llamada Git hace esto por ti. Cada guardado act&uacute;a como un punto de control: si la IA estropea algo en la siguiente ronda, vuelves a la &uacute;ltima versi&oacute;n que funcionaba en lugar de empezar de cero.<\/p><p class=\"wp-block-paragraph\">En tu pr&oacute;ximo proyecto, resiste la tentaci&oacute;n de describir toda la app. Empieza a hacer vibe coding con una sola p&aacute;gina o una sola funcionalidad.<\/p><h2 class=\"wp-block-heading\" id=\"h-3-itera-rapido-y-con-frecuencia\">3. Itera r&aacute;pido y con frecuencia<\/h2><p class=\"wp-block-paragraph\">Trata cada resultado de la IA como un primer borrador, no como un producto terminado. Obtendr&aacute;s un mejor resultado m&aacute;s r&aacute;pido si env&iacute;as tres prompts de seguimiento r&aacute;pidos en lugar de intentar escribir desde el principio un &uacute;nico prompt perfecto.<\/p><p class=\"wp-block-paragraph\">No dediques 20 minutos a redactar la solicitud ideal. Escribe algo razonable, mira qu&eacute; obtienes y aj&uacute;stalo. &ldquo;Haz que el encabezado sea fijo&rdquo; &rarr; &ldquo;Mueve el logo a la izquierda&rdquo; &rarr; &ldquo;Reduce el espaciado interno a la mitad.&rdquo; Tres rondas r&aacute;pidas suelen dar mejores resultados que una sola instrucci&oacute;n larga y sobrecargada.<\/p><p class=\"wp-block-paragraph\">Cada seguimiento se basa en lo que ya existe. Est&aacute;s hablando con la IA, no haciendo un solo pedido.<\/p><p class=\"wp-block-paragraph\">Si algo parece estar bien en un 80%, no empieces de cero. Ll&eacute;valo al 95% con unas cuantas indicaciones m&aacute;s. Cada ronda mejora cuando<a href=\"\/mx\/tutoriales\/escribir-prompt-para-ia\/\" data-wpel-link=\"internal\" rel=\"follow\"> <\/a> <a href=\"\/mx\/tutoriales\/escribir-prompt-para-ia\/\" data-wpel-link=\"internal\" rel=\"follow\">redactas buenos prompts de IA<\/a> lo bastante espec&iacute;ficos como para avanzar sin confundir a la IA.<\/p><p class=\"wp-block-paragraph\">As&iacute; funcionan juntas las tres primeras pr&aacute;cticas de vibe coding en un flujo de trabajo real:<\/p><ol class=\"wp-block-list\">\n<li>Primer prompt: &ldquo;Crea una app sencilla de lista de tareas con un tema oscuro.&rdquo;<\/li>\n\n\n\n<li>Seguimiento: &ldquo;A&ntilde;ade categor&iacute;as para que se puedan agrupar las tareas.&rdquo;<\/li>\n\n\n\n<li>Seguimiento: &ldquo;Muestra el n&uacute;mero de tareas completadas al principio de la p&aacute;gina.&rdquo;<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Describiste el resultado, lo dividiste en partes y lo fuiste ajustando con rapidez.<\/p><h2 class=\"wp-block-heading\" id=\"h-4-guia-a-la-ia-con-limites-claros\">4. Gu&iacute;a a la IA con l&iacute;mites claros<\/h2><p class=\"wp-block-paragraph\">Establece l&iacute;mites para que la IA cree lo que quieres sin desviarse. Sin reglas, la IA decide todo por su cuenta: la estructura, la organizaci&oacute;n de los archivos y los colores. Eso est&aacute; bien para un experimento r&aacute;pido, pero no para un proyecto real.<\/p><p class=\"wp-block-paragraph\">Puedes establecer reglas en algunas &aacute;reas:<\/p><ul class=\"wp-block-list\">\n<li><strong>Pila tecnol&oacute;gica (las herramientas de programaci&oacute;n con las que est&aacute; hecha tu app).<\/strong> &ldquo;Usa Tailwind para los estilos&rdquo; o &ldquo;deja esto en HTML y JavaScript simples.&rdquo;<\/li>\n\n\n\n<li><strong>Reglas de dise&ntilde;o.<\/strong> &ldquo;Usa un fondo oscuro con texto blanco&rdquo; o &ldquo;Mant&eacute;n todos los tama&ntilde;os de fuente entre 14px y 20px.&rdquo;<\/li>\n\n\n\n<li><strong>L&iacute;mites de rendimiento.<\/strong> &ldquo;Esta p&aacute;gina tiene que cargarse en menos de 2 segundos&rdquo; o &ldquo;No a&ntilde;adas bibliotecas externas a menos que sea necesario&rdquo;.<\/li>\n\n\n\n<li><strong>L&iacute;mites de alcance.<\/strong> &ldquo;Todav&iacute;a no hay sistema de inicio de sesi&oacute;n&rdquo; o &ldquo;Omite el flujo de pago por ahora.&rdquo;<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Tambi&eacute;n puedes estructurar un solo prompt en tres capas para que la IA obtenga de una vez una visi&oacute;n completa de todo:<\/p><ol class=\"wp-block-list\">\n<li><strong>Contexto.<\/strong> &ldquo;Esta es una web de reservas para una peluquer&iacute;a, creada con HTML y Tailwind.&rdquo;<\/li>\n\n\n\n<li><strong>Lo que deber&iacute;a hacer.<\/strong> &ldquo;A&ntilde;ade un formulario en el que los clientes elijan un servicio y seleccionen una franja horaria.&rdquo;<\/li>\n\n\n\n<li><strong>Qu&eacute; debes evitar.<\/strong> &ldquo;No a&ntilde;adas un paso de pago todav&iacute;a. Mant&eacute;n un dise&ntilde;o minimalista.&rdquo;<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Env&iacute;as las tres juntas en un solo prompt. Esto funciona mejor que una sola frase larga porque la IA puede distinguir con claridad con qu&eacute; est&aacute; trabajando, qu&eacute; necesita crear y qu&eacute; debe evitar. En una sola oraci&oacute;n demasiado larga, esos detalles quedan ocultos y es m&aacute;s probable que la IA pase algo por alto.<\/p><p class=\"wp-block-paragraph\">Conocer la diferencia entre frontend y backend tambi&eacute;n te ayuda a establecer l&iacute;mites en el lugar adecuado. El frontend es lo que ven los usuarios. El backend gestiona los datos y la l&oacute;gica en segundo plano. Por ejemplo, podr&iacute;as decir: &ldquo;Por ahora, solo crea la estructura de la p&aacute;gina, no a&ntilde;adas todav&iacute;a ning&uacute;n almacenamiento de datos.&rdquo; Eso le dice a la IA que se centre en el frontend y deje el backend para m&aacute;s adelante.<\/p><p class=\"wp-block-paragraph\">En tu siguiente prompt, prueba a a&ntilde;adir una regla sencilla, como &ldquo;sin sistema de inicio de sesi&oacute;n por ahora&rdquo; o &ldquo;que se quede en una sola p&aacute;gina&rdquo;. Incluso una sola limitaci&oacute;n marca una diferencia notable.<\/p><h2 class=\"wp-block-heading\" id=\"h-5-no-confies-ciegamente-en-el-codigo-generado-por-ia\">5. No conf&iacute;es ciegamente en el c&oacute;digo generado por IA<\/h2><p class=\"wp-block-paragraph\">El c&oacute;digo generado por IA funciona la mayor&iacute;a de las veces, pero &ldquo;la mayor&iacute;a de las veces&rdquo; no es suficiente cuando tu app gestiona datos de usuarios o pagos. No hace falta que leas cada l&iacute;nea. Pero s&iacute; necesitas revisar las partes que protegen a tus usuarios.<\/p><p class=\"wp-block-paragraph\">C&eacute;ntrate en estas &aacute;reas de revisi&oacute;n:<\/p><ul class=\"wp-block-list\">\n<li><strong>Inicio de sesi&oacute;n y autenticaci&oacute;n.<\/strong> &iquest;De verdad es seguro o solo es superficial?<\/li>\n\n\n\n<li><strong>Gesti&oacute;n de datos.<\/strong> &iquest;La app valida los datos introducidos antes de guardarlos?<\/li>\n\n\n\n<li><strong>Claves de API.<\/strong> &iquest;Se guardan en variables de entorno, es decir, en un archivo aparte y protegido que mantiene las contrase&ntilde;as y claves fuera del c&oacute;digo, o est&aacute;n en el c&oacute;digo, donde cualquiera puede verlas?<\/li>\n\n\n\n<li><strong>Gesti&oacute;n de errores.<\/strong> &iquest;Qu&eacute; pasa cuando algo deja de funcionar?<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Omitir esta revisi&oacute;n ha perjudicado a proyectos reales y es una de las principales razones por las que la gente piensa que vibe coding es malo.<\/p><p class=\"wp-block-paragraph\">En un caso, <a data-wpel-link=\"external\" href=\"https:\/\/www.kaspersky.com\/blog\/vibe-coding-2025-risks\/54584\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Kaspersky inform&oacute;<\/a> de que una startup lanz&oacute; una plataforma creada por completo con c&oacute;digo generado por IA, sin una sola l&iacute;nea de c&oacute;digo escrita a mano. D&iacute;as despu&eacute;s del lanzamiento, se descubri&oacute; que la plataforma ten&iacute;a fallos b&aacute;sicos de seguridad que permit&iacute;an a cualquier persona acceder a funciones de pago y modificar datos. El fundador no pudo solucionar los problemas y el proyecto cerr&oacute;.<\/p><p class=\"wp-block-paragraph\">El vibe coding no es inseguro. Pero todo lo que implique dinero o datos personales requiere una revisi&oacute;n m&aacute;s detallada, y entender los conceptos b&aacute;sicos de la seguridad en el vibe coding te mostrar&aacute; exactamente en qu&eacute; debes fijarte.<\/p><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Haz una revisi&oacute;n en dos pasos                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> P&iacute;dele a la IA que cree primero la funcionalidad. Luego, en una solicitud aparte, p&iacute;dele que revise su propio c&oacute;digo para detectar problemas de seguridad. Esto detecta problemas que se pasaron por alto en la primera revisi&oacute;n. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-6-usa-la-ia-como-aliada-no-como-sustituta\">6. Usa la IA como aliada, no como sustituta<\/h2><p class=\"wp-block-paragraph\">Obtendr&aacute;s mejores resultados si trabajas <strong>con<\/strong> herramientas de IA en lugar de cederles el control por completo. P&iacute;dele a la IA que explique sus decisiones, sugiera alternativas y compare las ventajas y desventajas.<\/p><p class=\"wp-block-paragraph\">Prueba prompts como &ldquo;&iquest;Por qu&eacute; usaste aqu&iacute; una cuadr&iacute;cula en lugar de flexbox?&rdquo; o &ldquo;Mu&eacute;strame dos formas de crear esta funci&oacute;n y expl&iacute;came la diferencia.&rdquo; Ambas te dan margen para tomar una decisi&oacute;n en lugar de limitarte a aceptar el primer resultado.<\/p><p class=\"wp-block-paragraph\">Antes de que la IA escriba c&oacute;digo, p&iacute;dele primero que describa su plan. Una indicaci&oacute;n como &ldquo;Antes de crear esto, dime c&oacute;mo lo abordar&iacute;as&rdquo; te permite detectar malas ideas desde el principio. Apruebas el plan y luego se construye. Este paso evita perder muchos prompts y corrige c&oacute;digo que iba por mal camino desde el principio.<\/p><p class=\"wp-block-paragraph\">Tampoco tienes que usar una sola herramienta. Muchos usuarios combinan un editor de c&oacute;digo como Cursor para la l&oacute;gica personalizada con plataformas sin c&oacute;digo como Hostinger Horizons para publicar r&aacute;pidamente una versi&oacute;n funcional. Usa la herramienta que mejor se adapte a la tarea en la que est&eacute;s trabajando.<\/p><h2 class=\"wp-block-heading\" id=\"h-7-manten-el-contexto-coherente-entre-prompts\">7. Mant&eacute;n el contexto coherente entre prompts<\/h2><p class=\"wp-block-paragraph\">Dale a la IA un resumen de tu proyecto cuando empieces una sesi&oacute;n nueva para que no pierda de vista lo que est&aacute;s creando. Sin ese hilo conductor, acabas con funciones que no encajan entre s&iacute;.<\/p><p class=\"wp-block-paragraph\">Las herramientas de IA funcionan dentro de una ventana de conversaci&oacute;n. Todo lo que has dicho en esa sesi&oacute;n determina lo que viene despu&eacute;s. Pero, a medida que la conversaci&oacute;n se alarga, la IA empieza a &ldquo;olvidar&rdquo; las instrucciones anteriores. Los desarrolladores lo llaman context rot (degradaci&oacute;n del contexto).<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\"><figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a6d495feb612\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a6d495feb612\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2026\/06\/consistent-context.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Mejores pr&aacute;cticas de vibe coding: mant&eacute;n el contexto coherente en todos los prompts, ilustraci&oacute;n comparativa de los prompts iniciales con y sin contexto\" class=\"wp-image-54184\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p class=\"wp-block-paragraph\">Puedes evitarlo de varias maneras:<\/p><ul class=\"wp-block-list\">\n<li><strong>Empieza cada sesi&oacute;n con un resumen.<\/strong> Pega una breve descripci&oacute;n del proyecto, las tecnolog&iacute;as que usas y lo que has creado hasta ahora.<\/li>\n\n\n\n<li><strong>Haz referencia a elementos concretos<\/strong>. En lugar de &ldquo;cambia el formulario&rdquo;, di &ldquo;cambia el formulario de contacto que generaste hace tres prompts para incluir un campo de n&uacute;mero de tel&eacute;fono&rdquo;.<\/li>\n\n\n\n<li><strong>Inicia conversaciones nuevas a menudo.<\/strong> Despu&eacute;s de terminar una funci&oacute;n, inicia un chat nuevo. Incluye solo los archivos y el contexto que necesite la siguiente funcionalidad.<\/li>\n\n\n\n<li><strong>Mant&eacute;n un archivo de reglas.<\/strong> Guarda un archivo de texto simple con las reglas de tu proyecto y cualquier error que la IA haya cometido antes. Algo como &ldquo;No uses estilos inline&rdquo; o &ldquo;Pon siempre las llamadas a la API en un archivo aparte&rdquo;. P&eacute;galo en cada sesi&oacute;n nueva para que la IA no repita errores anteriores. Algunos desarrolladores llaman a esto un archivo DONT_DO.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Es como llamar al mismo compa&ntilde;ero de trabajo en dos d&iacute;as distintos. No dar&iacute;as por hecho que recuerdan todos los detalles de la semana pasada. Un breve repaso mantiene la precisi&oacute;n de la IA.<\/p><p class=\"wp-block-paragraph\">Antes de tu pr&oacute;ximo chat nuevo, prueba a pegar al principio un resumen de tu proyecto de dos o tres l&iacute;neas. Notar&aacute;s que la IA mantiene el rumbo durante mucho m&aacute;s tiempo.<\/p><h2 class=\"wp-block-heading\" id=\"h-8-valida-los-resultados-con-pruebas-no-con-suposiciones\">8. Valida los resultados con pruebas, no con suposiciones<\/h2><p class=\"wp-block-paragraph\">Prueba t&uacute; mismo cada funci&oacute;n en lugar de dar por hecho que el c&oacute;digo funciona solo porque parece correcto. Haz clic en los botones, env&iacute;a formularios e intenta romper cosas. Nada detecta los problemas tan r&aacute;pido como usar realmente la app.<\/p><p class=\"wp-block-paragraph\">Un c&oacute;digo que parece limpio tambi&eacute;n puede fallar. Es posible que un formulario acepte datos, pero nunca los env&iacute;e a ninguna parte. Un bot&oacute;n puede parecer interactivo, pero no hacer nada. La IA genera c&oacute;digo a partir de patrones, no ejecutando realmente el resultado. Por eso pueden pasar desapercibidos algunos fallos.<\/p><p class=\"wp-block-paragraph\">Aqu&iacute; tienes una rutina r&aacute;pida de pruebas que puedes usar:<\/p><ol class=\"wp-block-list\">\n<li><strong>Haz clic en cada bot&oacute;n y enlace.<\/strong> &iquest;Hace cada uno lo que deber&iacute;a hacer?<\/li>\n\n\n\n<li><strong>Env&iacute;a datos reales.<\/strong> Rellena los formularios con informaci&oacute;n real y comprueba d&oacute;nde termina.<\/li>\n\n\n\n<li><strong>Intenta romperlo.<\/strong> Deja los campos en blanco, introduce caracteres extra&ntilde;os y cambia el tama&ntilde;o de la ventana.<\/li>\n\n\n\n<li><strong>Pru&eacute;balo en tu tel&eacute;fono.<\/strong> Los dise&ntilde;os para m&oacute;viles suelen comportarse de forma distinta a los de escritorio.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Solo usa la aplicaci&oacute;n como lo har&iacute;a una persona real y sigue los mismos pasos de pruebas de aplicaciones web que usar&iacute;as con cualquier producto en funcionamiento. Si algo te parece raro, probablemente lo sea.<\/p><p><div class=\"announcement-block announcement-block--important\">\n            <span class=\"announcement-block__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM13.637 7.65198C13.637 6.74791 12.9041 6.01501 12 6.01501C11.0959 6.01501 10.363 6.74791 10.363 7.65198C10.5335 9.53749 10.875 13.383 10.875 13.383C10.875 14.0043 11.3787 14.508 12 14.508C12.6213 14.508 13.125 14.0043 13.125 13.383V13.38L13.637 7.65198ZM11.9927 15.714C11.3714 15.714 10.8677 16.2177 10.8677 16.839C10.8677 17.4603 11.3714 17.964 11.9927 17.964H12.0073C12.6286 17.964 13.1323 17.4603 13.1323 16.839C13.1323 16.2177 12.6286 15.714 12.0073 15.714H11.9927Z\"\n                          fill=\"#FEA419\"\/>\n                <\/svg>\n                Important\n            <\/span>\n            <p class=\"announcement-block__content\">\n                <strong>&iexcl;Importante!<\/strong> Nunca omitas las pruebas en apps que gestionan pagos, datos personales o inicios de sesi&oacute;n de usuarios. Una comprobaci&oacute;n manual r&aacute;pida lleva unos minutos y puede evitar problemas graves.\n            <\/p><\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-9-aprende-cuando-tomar-el-control-manual\">9. Aprende cu&aacute;ndo tomar el control manual<\/h2><p class=\"wp-block-paragraph\">Interv&eacute;n directamente cuando la IA siga atasc&aacute;ndose con el mismo problema. No todos los problemas se pueden solucionar con otra indicaci&oacute;n.<\/p><p class=\"wp-block-paragraph\">Las herramientas de IA resuelven bien las tareas habituales: dise&ntilde;os est&aacute;ndar, formularios b&aacute;sicos y visualizaci&oacute;n simple de datos. Pero cuando la l&oacute;gica se vuelve compleja o te enfrentas a casos l&iacute;mite poco habituales o a situaciones para las que la aplicaci&oacute;n no fue dise&ntilde;ada, la IA empieza a hacer suposiciones e inventarse cosas. Esas suposiciones suelen crear m&aacute;s problemas de los que resuelven.<\/p><p class=\"wp-block-paragraph\">Estas son se&ntilde;ales de que necesitas cambiar tu enfoque y tomar el control:<\/p><ul class=\"wp-block-list\">\n<li>La IA sigue reintroduciendo el mismo error despu&eacute;s de que se lo se&ntilde;ales<\/li>\n\n\n\n<li>Arreglar una funci&oacute;n rompe otra<\/li>\n\n\n\n<li>El resultado se vuelve m&aacute;s largo y desordenado con cada prompt<\/li>\n\n\n\n<li>Has pedido el mismo cambio tres veces y no ha mejorado nada<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Cuando esto ocurre, tienes varias opciones. Una opci&oacute;n es que t&uacute; mismo edites el c&oacute;digo si tienes esa habilidad. En segundo lugar, puedes contar con un desarrollador para la parte m&aacute;s complicada. O, en tercer lugar, puedes pasarte a una herramienta que te d&eacute; un control m&aacute;s directo sobre lo que se crea.<\/p><p class=\"wp-block-paragraph\">Elijas la opci&oacute;n que elijas, el flujo de trabajo de vibe coding m&aacute;s fiable es uno h&iacute;brido, en el que la IA se encarga de la mayor parte del trabajo y t&uacute; intervienes en las partes que requieren criterio humano. C&oacute;mo &ldquo;intervenir&rdquo; depende de si est&aacute;s usando una herramienta no-code o low-code.<\/p><p class=\"wp-block-paragraph\">Un <a href=\"\/mx\/horizons\/crear-app\">creador de apps sin c&oacute;digo<\/a> como Hostinger Horizons, Lovable o Bolt.new te permite controlarlo todo con prompts y editores visuales, sin que tengas que tocar el c&oacute;digo directamente. Si la IA se queda atascada en una plataforma no-code, solo tienes que reformular tus prompts o usar el editor visual.<\/p><p class=\"wp-block-paragraph\">Con una herramienta low-code como Cursor o Windsurf, puedes abrir el c&oacute;digo y solucionar el problema por tu cuenta. <\/p><h2 class=\"wp-block-heading\" id=\"h-10-centrate-en-lanzar-tu-app-no-en-entenderlo-todo\">10. C&eacute;ntrate en lanzar tu app, no en entenderlo todo<\/h2><p class=\"wp-block-paragraph\">Lanza tu app y ponla delante de personas reales en lugar de esperar a entender cada l&iacute;nea de c&oacute;digo. Un producto funcional que la gente puede usar vale m&aacute;s que una base de c&oacute;digo perfecta que nadie llega a ver.<\/p><p class=\"wp-block-paragraph\">Esta es una forma distinta de pensar en comparaci&oacute;n con la programaci&oacute;n tradicional, donde se espera que entiendas todo antes del lanzamiento. Con el vibe coding, te centras en si la app <strong>funciona<\/strong>, no en explicar cada funci&oacute;n que tiene dentro.<\/p><p class=\"wp-block-paragraph\">Eso no significa que ignores la calidad. Significa que lanzas una primera versi&oacute;n s&oacute;lida, ya sea un prototipo b&aacute;sico o un producto m&iacute;nimo viable completo, y la mejoras a partir del feedback real. Aprender&aacute;s m&aacute;s sobre el vibe coding con 100 usuarios reales que en 100 horas de ajustes.<\/p><p class=\"wp-block-paragraph\">Lanza primero, pule despu&eacute;s.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-elegir-las-mejores-herramientas-de-ia-para-el-vibe-coding\">C&oacute;mo elegir las mejores herramientas de IA para el vibe coding<\/h2><p class=\"wp-block-paragraph\">Las<a href=\"\/mx\/tutoriales\/las-mejores-herramientas-de-vibe-coding\/\" data-wpel-link=\"internal\" rel=\"follow\"> <\/a> <a href=\"\/mx\/tutoriales\/las-mejores-herramientas-de-vibe-coding\/\" data-wpel-link=\"internal\" rel=\"follow\">mejores herramientas de vibe coding<\/a> se adaptan a distintos niveles de experiencia y tipos de proyectos. No hay una &uacute;nica opci&oacute;n que funcione para todo el mundo.<\/p><p class=\"wp-block-paragraph\">Algunas herramientas te permiten crear por completo mediante indicaciones sin que veas nada de c&oacute;digo. Otras te ofrecen un editor de c&oacute;digo con IA que te permite seguir de cerca el c&oacute;digo mientras avanzas m&aacute;s r&aacute;pido. Algunos funcionan &uacute;nicamente como interlocutores de conversaci&oacute;n, ayud&aacute;ndote a analizar problemas y generar soluciones.<\/p><figure tabindex=\"0\" class=\"wp-block-table\"><table><tbody><tr><td colspan=\"1\" rowspan=\"1\"><p><strong>Tipo de herramienta<\/strong> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><strong>Ideal para<\/strong> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><strong>Ejemplos<\/strong> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Creadores de apps con IA<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Personas sin conocimientos de programaci&oacute;n que quieren una aplicaci&oacute;n funcional sin escribir c&oacute;digo<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Hostinger Horizons, Lovable, Bolt.new<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Editores de c&oacute;digo con IA<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Quienes desarrollan y quieren la velocidad de la IA en un entorno de programaci&oacute;n familiar<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Cursor, Windsurf, GitHub Copilot<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Asistentes de IA<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Generar y depurar c&oacute;digo mediante una conversaci&oacute;n<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Claude, ChatGPT<\/span> <\/p><\/td><\/tr><\/tbody><\/table><\/figure><p class=\"wp-block-paragraph\">Tu elecci&oacute;n depende de cu&aacute;nto quieras involucrarte con el c&oacute;digo. As&iacute; funciona una herramienta de cada categor&iacute;a:<\/p><p class=\"wp-block-paragraph\"><strong>Hostinger Horizons<\/strong> es una opci&oacute;n s&oacute;lida si quieres pasar de la idea a una app en vivo con una configuraci&oacute;n m&iacute;nima. Se encarga de crear, gestionar el hosting, configurar el dominio y publicar todo mediante instrucciones sencillas. Describes lo que quieres, lo perfeccionas en el chat y lo publicas cuando est&aacute;s listo.<\/p><p class=\"wp-block-paragraph\"><strong>Cursor<\/strong> est&aacute; dise&ntilde;ado para desarrolladores que ya escriben c&oacute;digo. Integra la IA directamente en el flujo de trabajo de edici&oacute;n para que mantengas un control total sobre la base de c&oacute;digo.<\/p><p class=\"wp-block-paragraph\"><strong>Claude<\/strong> funciona bien como asistente independiente para generar c&oacute;digo, explicar la l&oacute;gica y depurar errores. Es una opci&oacute;n muy s&oacute;lida cuando necesitas analizar bien un problema antes de empezar a construir.<\/p><p class=\"wp-block-paragraph\">Cada una de estas herramientas responde a una necesidad distinta, as&iacute; que la opci&oacute;n adecuada depende de lo que quieras crear y de cu&aacute;nto quieras involucrarte. Preg&uacute;ntate tres preguntas:<\/p><ol class=\"wp-block-list\">\n<li><strong>&iquest;Con qu&eacute; rapidez puedes pasar de un prompt a un resultado funcional?<\/strong> Un intercambio r&aacute;pido de ideas es mejor que una larga lista de funciones.<\/li>\n\n\n\n<li><strong>&iquest;La herramienta mantiene el contexto entre distintos prompts?<\/strong> Perder el contexto a mitad de un proyecto te ralentiza.<\/li>\n\n\n\n<li><strong>&iquest;Se encarga del despliegue?<\/strong> Algunas herramientas solo generan c&oacute;digo. Otras, como Hostinger Horizons, tambi&eacute;n la ponen en producci&oacute;n por ti.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Sea cual sea la categor&iacute;a por la que te inclines, presta atenci&oacute;n a tres cosas: la rapidez con la que la herramienta pasa de una indicaci&oacute;n a un resultado funcional, lo bien que mantiene el contexto a medida que tu proyecto crece y lo f&aacute;cil que te permite iterar sin tener que empezar de nuevo. Una herramienta que es r&aacute;pida, pero pierde el hilo de tu proyecto despu&eacute;s de cinco prompts, te har&aacute; ir m&aacute;s despacio que otra un poco m&aacute;s lenta, pero consistente.<\/p><p class=\"wp-block-paragraph\">Pero ni siquiera una gran herramienta sacar&aacute; adelante un proyecto por s&iacute; sola. Las indicaciones poco claras, saltarte las pruebas y no tener ninguna supervisi&oacute;n te har&aacute;n perder tiempo sin importar la plataforma que uses. La herramienta que elijas y las buenas pr&aacute;cticas de vibe coding van de la mano.<\/p><p class=\"wp-block-paragraph\">As&iacute; que elige una herramienta de la tabla, empieza un proyecto peque&ntilde;o y pon en pr&aacute;ctica dos o tres de estas buenas pr&aacute;cticas de vibe coding. Aprender&aacute;s m&aacute;s creando algo real que leyendo sobre estas pr&aacute;cticas.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El vibe coding es una forma de crear aplicaciones al describir en lenguaje sencillo lo que quieres y dejar que la IA escriba el c&oacute;digo. El inform&aacute;tico Andrej Karpathy, cofundador de OpenAI y exl&iacute;der de IA en Tesla, acu&ntilde;&oacute; el t&eacute;rmino en febrero de 2025 en torno a una idea sencilla: t&uacute; describes el resultado [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/mx\/tutoriales\/mejores-practicas-de-vibe-coding\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":190,"featured_media":47690,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"10 mejores pr\u00e1cticas de vibe coding para crear apps con IA","rank_math_description":"Descubre las mejores pr\u00e1cticas de vibe coding para crear apps con IA, escribir mejores prompts, evitar errores y obtener mejores resultados.","rank_math_focus_keyword":"mejores practicas de vibe coding","footnotes":""},"categories":[14488],"tags":[],"class_list":["post-47677","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hostinger-horizons"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/vibe-coding-best-practices\/","default":1},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/bonnes-pratiques-vibe-coding\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/mejores-practicas-de-vibe-coding\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/vibe-coding-best-practices\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/vibe-coding-best-practices\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/vibe-coding-best-practices\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/vibe-coding-best-practices\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/vibe-coding-best-practices\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/vibe-coding-best-practices\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/vibe-coding-best-practices\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/mejores-practicas-de-vibe-coding\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/mejores-practicas-de-vibe-coding\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/mejores-practicas-de-vibe-coding\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/47677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/comments?post=47677"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/47677\/revisions"}],"predecessor-version":[{"id":47689,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/47677\/revisions\/47689"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media\/47690"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media?parent=47677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/categories?post=47677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/tags?post=47677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}