Un solo código, una app real en la tienda
La app para iOS carga tu URL publicada de Dyad dentro de un WebView nativo. No hay un segundo proyecto que mantener ni exportación de código.
Por qué envolver es mejor que reconstruir para apps de Dyad
Dyad te da código React normal en tu propio equipo y deja el hosting en tus manos, así que, en cuanto el proyecto está en Vercel, tienes exactamente lo que necesita WebViewGold: una URL HTTPS pública. La actualización experimental de Dyad a Capacitor empaqueta la compilación en proyectos nativos que tienes que recompilar con cada cambio; WebViewGold, en cambio, carga el despliegue en vivo, así que un Sync to GitHub actualiza las apps. La autenticación y los datos de Supabase siguen funcionando sin cambios en el lado web.
Sigue publicando desde Dyad
Haz Sync to GitHub en Dyad, tu host vuelve a compilar y la app muestra la nueva versión en el siguiente arranque, sin actualización en la tienda. Solo los cambios en la propia carcasa nativa (icono, una nueva función nativa) requieren una actualización en la tienda.
Funciones nativas incluidas
Notificaciones push, pantalla sin conexión, compartir nativo, inicio de sesión biométrico, escáner QR, compras in-app y deep links son un simple ajuste o una llamada JavaScript de una línea.
Garantía de aprobación en App Store
Garantía de aprobación en el Apple App Store – o te devolvemos el dinero en 14 días. El 96.4% de todas las apps WebViewGold son aprobadas por los equipos de revisión en el primer intento.
Qué necesitas
- Una app de Dyad publicada en una URL HTTPS pública (yourapp.vercel.app (o la dirección del host en el que despliegues) o, mejor, tu propio dominio)
- Una cuenta de desarrollador en Apple Developer Program ($99 al año) para enviar la app a Apple App Store
- Xcode en un Mac – o el WebViewGold Cloud Builder en tu navegador (sin necesidad de Mac)
- WebViewGold para iOS ($109 en un pago único, actualizaciones gratuitas)
- Una página de política de privacidad, un icono de 1024 × 1024 px y entre 30 y 60 minutos
¡Una forma estupenda de convertir tu web app en una app nativa! Entrega rápida y una manera genial de llevar tus apps a las tiendas sin tener que desarrollar una app nativa completa.
De Dyad a App Store: la guía paso a paso
Ocho pasos, sin programar. La mayoría termina la parte nativa en menos de una hora.
Publica tu app de Dyad en una URL de producción
Dyad no aloja apps. Conecta GitHub en los detalles de la app, haz clic en Sync to GitHub y después importa el repositorio en Vercel (u otro host); obtendrás una URL pública como dyad-app-name.vercel.app. Cada Sync to GitHub posterior lanza una nueva compilación. La vista previa junto al chat de Dyad se ejecuta en tu propio ordenador, así que nadie más puede abrirla. Despliega primero y usa en la app la URL pública del despliegue o tu dominio personalizado. Dominio propio: Añade tu dominio en el lado del hosting (Vercel: ajustes del proyecto, Domains) y configura los registros DNS que te muestre. Consulta por qué vale la pena usar un dominio propio antes del envío.
Prepárala para la tienda
Añade una página de política de privacidad, una opción para eliminar la cuenta (si los usuarios pueden registrarse) y quita las insignias de la herramienta o los banners de "descarga nuestra app". Ejecuta la Comprobación de preparación para App Store gratuita con tu URL: señala contenido mixto, etiquetas viewport ausentes, dominios de vista previa de la herramienta y otros bloqueos en segundos.
Consigue WebViewGold para iOS
Pago único, actualizaciones gratuitas. Recibes el proyecto de Xcode listo para usar. Si no tienes Mac, activa el WebViewGold Cloud Builder y hazlo todo en el navegador.
Introduce tu URL y personaliza la app con tu marca
Abre Config.swift (o el formulario del Cloud Builder) y pega tu URL publicada. Define el nombre de la app, sube tu icono y elige la pantalla splash y el color de la barra de estado. Sin programar.
Activa las funciones nativas
Activa con un solo ajuste cada una las notificaciones push, la pantalla sin conexión, la gestión del inicio de sesión social, deslizar para actualizar, el inicio de sesión biométrico o el escáner QR. Todo es opcional.
Compila y sube
En Xcode: Product → Archive → Distribute to App Store Connect. En el Cloud Builder: pulsa Build y la subida a App Store Connect se hace por ti.
Crea la ficha en App Store
En App Store Connect añade nombre, subtítulo, descripción, palabras clave, capturas, URL de la política de privacidad y las respuestas de App Privacy. Si hace falta, añade una cuenta demo en las notas de revisión.
Envía a revisión
Apple revisa la mayoría de las apps en 24 a 48 horas. Si el revisor tiene preguntas, respóndelas en el Centro de resolución. Nuestra garantía de aprobación te cubre.
Comprobaciones específicas de Dyad antes de enviar
Estos son los puntos que surgen con más frecuencia en proyectos de Dyad (React + TypeScript + Vite con React Router, Tailwind CSS y shadcn/ui en la plantilla predeterminada (también hay una plantilla de Next.js), con Supabase o Neon para autenticación y datos).
- Dyad ofrece la opción experimental "Upgrade to hybrid mobile app with Capacitor", que abre el proyecto en Xcode y Android Studio. Ese camino empaqueta tu compilación en proyectos nativos que tienes que recompilar con cada cambio; WebViewGold, en cambio, carga tu URL desplegada, así que un Sync to GitHub actualiza las apps instaladas.
- La plantilla predeterminada es una app de una sola página con React Router e incluye un vercel.json que envía todas las rutas a index.html. Mantén una reescritura equivalente si despliegas en otro sitio, o los deep links y las recargas dentro de la app terminarán en una página 404.
- Supabase pide por defecto a los nuevos usuarios que confirmen su email. El enlace de confirmación se abre en el navegador del teléfono, a menos que configures Universal Links (iOS) y App Links (Android) en WebViewGold, así que planifícalo antes de la revisión.
- Una app de Dyad se ejecuta por defecto en el lado del cliente: guarda las claves de API en funciones de servidor de Supabase o en las variables de entorno de tu host, nunca en el paquete del navegador.
- El inicio de sesión con Google dentro de la app necesita el Social Login Helper de WebViewGold, porque Google bloquea OAuth en los WebViews embebidos.
- Made with Dyad: La plantilla predeterminada pone un enlace "Made with Dyad" al final de la página principal. Pide a Dyad que elimine el componente MadeWithDyad en todas partes antes de compilar la app. Más sobre las insignias de las herramientas.
Deja que Dyad haga el trabajo de preparación para la tienda
Pega esto en Dyad y deja que aplique los cambios que buscan los revisores. Revisa el resultado y publica.
Prompt para pegar en Dyad
Prepara esta app para publicarla como app nativa de iOS y Android (se ejecutará dentro de un envoltorio WebView nativo que carga la URL desplegada): 1. Añade rutas /privacy y /terms en src/App.tsx con páginas de ejemplo que pueda editar, y enlázalas desde el pie de página y la pantalla de ajustes. 2. Añade una acción "Eliminar mi cuenta" en los ajustes de la cuenta que llame a una función de servidor de Supabase para eliminar las filas del usuario y su usuario de autenticación, con un cuadro de confirmación. 3. Elimina el componente MadeWithDyad de todas las páginas. 4. Haz que todas las páginas sean responsive desde 320px hasta el ancho de un iPad, sin desplazamiento horizontal y con áreas táctiles de al menos 44px. 5. Muestra un estado amable con opción de reintentar cuando falle una solicitud, en lugar de una pantalla vacía. 6. Asegúrate de que no se use ninguna clave de API en el código del cliente; muévelas a funciones de servidor de Supabase. 7. Usa el nombre de la app como <title> en index.html (máx. 30 caracteres) y añade una meta description.
Revisión de App Store: las reglas que importan para apps de Dyad
Apple revisa el comportamiento, no las herramientas. Nadie es rechazado por usar Dyad; las apps se rechazan por los puntos de abajo.
- 4.2
Funcionalidad mínima
La app debe ofrecer algo más que un sitio web reempaquetado. Un diseño responsive, navegación nativa y al menos una capacidad nativa (notificaciones push, pantalla sin conexión, compartir nativo, inicio de sesión biométrico) marcan la diferencia. WebViewGold activa cada una con un solo ajuste.
- 2.1
Completitud de la app
Sin contenido de relleno, sin enlaces rotos, sin cierres inesperados. Si el contenido está detrás de un inicio de sesión, proporciona una cuenta demo en las notas para App Review.
- 5.1.1
Privacidad
Es obligatoria una URL pública de política de privacidad. Las apps que permiten crear cuentas también deben permitir eliminarlas dentro de la app.
- 4.8
Servicios de inicio de sesión
Si la app usa el inicio de sesión con Google, Facebook u otro servicio de inicio de sesión de terceros o social para la cuenta del usuario, también debe ofrecer un inicio de sesión equivalente que limite los datos al nombre y el correo, permita a los usuarios mantener su correo en privado y no los rastree con fines publicitarios. Sign in with Apple es la forma segura de cumplirlo. Una app que solo usa su propio inicio de sesión con correo y contraseña no se ve afectada.
- 3.1.1
Compras dentro de la app
Los bienes digitales y las suscripciones que se venden dentro de la app deben usar In-App Purchase de Apple. Los bienes físicos y los servicios del mundo real pueden seguir con Stripe o PayPal.
- 2.3
Metadatos precisos
Las capturas, la descripción y el nombre de la app deben corresponder a lo que hace la app. No menciones otras plataformas ni "beta" en la ficha.
Funciones nativas que tu app de Dyad obtiene en la app para iOS
Cada función es opcional y está documentada paso a paso en la Documentación de WebViewGold para iOS.
Notificaciones push
Push remoto con OneSignal o Pushwoosh, notificaciones locales programadas mediante una llamada de JavaScript y solicitud de permiso en el momento que elijas.
DocumentaciónSocial Login Helper
Los inicios de sesión con Google y Facebook funcionan dentro de la app; Sign in with Apple se gestiona automáticamente.
DocumentaciónUniversal Links
Los enlaces de los correos (magic links, restablecimiento de contraseña) se abren directamente en la app.
DocumentaciónCompras dentro de la app
Suscripciones y compras únicas de App Store con RevenueCat, iniciadas desde tu web app.
DocumentaciónPantalla sin conexión y respaldo
Una pantalla nativa de "Reintentar" cuando el usuario no tiene conexión, o una página HTML local de respaldo.
DocumentaciónIndicador de carga y splash
Mantén la pantalla de inicio hasta que la web app haya cargado, o muestra un indicador de carga nativo.
DocumentaciónInicio de sesión biométrico
Bloqueo con Face ID / Touch ID mediante una llamada de JavaScript.
DocumentaciónEscáner de códigos QR y de barras
Escáner nativo que devuelve el resultado a tu web app.
DocumentaciónHoja de compartir nativa y respuesta háptica
Diálogo de compartir y respuesta háptica desde tu web app.
DocumentaciónCSS y JavaScript personalizados
Oculta los elementos exclusivos del sitio web e inyecta código cuando la página se carga dentro de la app.
DocumentaciónLista de verificación previa para App Store
Marca estos puntos y la revisión será un mero trámite. La comprobación de preparación gratuita verifica automáticamente la mitad técnica.
- HTTPS en todas partes: App Transport Security bloquea el contenido http:// sin cifrar y los certificados no válidos.
- Diseño responsive desde 320 px hasta anchos de iPad. Apple también abre las apps de iPhone en un iPad durante la revisión.
- URL de la política de privacidad lista (basta con una página dentro de tu web app).
- Eliminación de cuenta disponible en la app si los usuarios pueden registrarse.
- Acceso demo para el revisor si el contenido está detrás de un inicio de sesión.
- Nada de banners de "Descarga nuestra app", enlaces a otras tiendas de apps ni insignias del constructor dentro de la app.
- Un icono de app de 1024 × 1024 px sin transparencia y sin esquinas redondeadas (Apple aplica la máscara).
- Capturas para los tamaños actuales de iPhone (y de iPad si lo admites) tomadas de la app real.
- Nombre de la app de 30 caracteres como máximo, subtítulo y palabras clave preparados.
- Cumplimiento de exportación respondido (una app que solo usa HTTPS cumple los requisitos de la exención estándar de cifrado).
Ejemplo: del proyecto en Dyad a la app aprobada
Imagina que creaste con Dyad una tarjeta de fidelización digital para una cafetería de tueste propio: los clientes se registran, muestran un código QR personal en el mostrador y consiguen un sello con cada café. Dyad escribió la app React en tu portátil, Supabase guarda los clientes y los sellos, y Sync to GitHub la despliega en Vercel bajo cards.yourroastery.com. En la app de WebViewGold, el barista abre la página del personal y toca un botón de escaneo que llama a qrcode://; el código del cliente codifica una URL como /stamp/8f3k, que se abre dentro de la app y añade el sello. Una notificación push de OneSignal avisa a los clientes cuando su décimo café es gratis. Quitas el enlace Made with Dyad, ambas tiendas aprueban la app y tu portátil puede quedarse cerrado: la app sigue funcionando en Vercel y Supabase.
Tu primera semana tras el lanzamiento
- Haz los cambios en Dyad, pruébalos en la vista previa local y después haz Sync to GitHub; nada llega a la app hasta que termina la compilación de Vercel.
- Añade a AI_RULES.md una sección breve sobre las llamadas al puente de WebViewGold, para que los prompts posteriores no eliminen el botón de escaneo ni el registro de push.
- Guarda la clave de tu proveedor de IA en Dyad, en tu ordenador; la app desplegada solo necesita las claves de Supabase pensadas para el navegador.
- Revisa el uso de Vercel y Supabase después del lanzamiento; un plan gratuito que alcanza sus límites parece una app rota a ojos de los clientes.
- Pide una valoración con rateapp:// justo después de que un cliente canjee su primer café gratis.
Lo que obtienes con WebViewGold
Un proyecto de app nativa completo, no una suscripción. Todo lo siguiente está incluido en la licencia y se activa con un ajuste.
- Proyecto de Xcode completo
- Notificaciones push
- Pantalla sin conexión
- Icono y pantalla de inicio
- Compartir nativo y vibración
- Deep links y enlaces universales
- Compras dentro de la app
- Actualizaciones gratis, marca blanca
Preguntas frecuentes
¿Se puede publicar una app de Dyad en el App Store y en Google Play?
Sí, en cuanto funcione en una URL HTTPS pública. Sincroniza el proyecto con GitHub, despliégalo en Vercel u otro host, introduce esa URL en WebViewGold y compila las apps de iOS y Android. Las apps cargan tu despliegue, así que el código sigue siendo un proyecto web normal que continúas editando en Dyad.
Dyad tiene una actualización a Capacitor. ¿Por qué usar WebViewGold?
La actualización a Capacitor es experimental y te deja con proyectos nativos que configurar y recompilar cada vez que cambia el código web. WebViewGold te da proyectos de Xcode y Android Studio listos, con las funciones nativas como opciones de configuración, y como carga tu URL desplegada, los cambios web llegan a los usuarios sin una nueva compilación para la tienda.
¿Necesito un Mac para publicar una app de iOS?
No con el WebViewGold Cloud Builder: la configuración, la compilación y la subida a App Store Connect se hacen en el navegador. Si tienes un Mac, el proyecto de Xcode funciona tal cual.
¿Cuánto tarda la revisión de Apple?
La mayoría de los envíos se revisan en 24 a 48 horas. En los primeros envíos y en apps con inicio de sesión, a veces el revisor hace una pregunta; respóndela en el Centro de resolución y la revisión continúa.
¿Y si Apple rechaza la app?
Los rechazos indican la directriz y el motivo, y puedes volver a enviar la app tantas veces como haga falta. WebViewGold incluye una garantía de aprobación en el App Store: si Apple rechaza la app por un motivo ajeno al contenido, te devolvemos el dinero en los 14 días siguientes a la compra.
¿Tiene que estar encendido mi ordenador para que funcione la app de Dyad?
No. Dyad solo se ejecuta mientras construyes. La app publicada la sirve Vercel (u otro host) y usa Supabase o Neon en la nube, así que los clientes pueden usarla con tu portátil cerrado. Tu ordenador solo vuelve a importar cuando quieres cambiar algo y hacer Sync to GitHub.
¿Qué modelo de IA debería usar en Dyad para una app de las tiendas?
Cualquier modelo que maneje bien React y Supabase. Apple y Google revisan la app desplegada, no el modelo que la escribió. Más importantes son un AI_RULES.md breve, que mantiene coherente lo que produce Dyad con distintos modelos, y la costumbre de probar la URL de producción en un teléfono real antes de enviar la app.
¿Tengo que volver a enviar la app cada vez que cambio algo en Dyad?
No. La app carga tu URL publicada, así que los cambios de contenido y de funciones que publiques en Dyad están disponibles en la app de inmediato. Solo necesitas una nueva versión en la tienda cuando cambia la carcasa nativa, por ejemplo un nuevo icono o una función nativa añadida.
¿Cuánto cuesta en total?
$109 en un pago único por WebViewGold para iOS (actualizaciones gratuitas) más la cuenta de desarrollador (Apple Developer Program, $99 al año). Opcional: el complemento Cloud Builder ($349 por licencia, pago único) si quieres compilar en el navegador sin Mac, o el paquete Full Service (desde $698 por plataforma), con el que nuestro equipo configura, compila y envía la app por ti.
Tres formas de llevar tu app a las tiendas
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
Hazlo tú mismo
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principalCloud Builder
$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuitaFull Service
$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.