Saltar al contenido
WebViewGold Del vibe coding a la App Store
Español
Consigue WebViewGold

Claude Code + offline

Comportamiento sin conexión de tu app de Claude Code

Los revisores activan el modo avión. Los usuarios viajan en metro. Una app de Claude Code que muestra una página en blanco sin conexión parece rota; una pantalla offline nativa con un botón de reintento parece una app. WebViewGold te ofrece tres niveles de soporte sin conexión, y el adecuado depende de tu stack (Cualquier stack web; los artifacts son apps React o HTML de un solo archivo, los proyectos de Claude Code suelen ser Next.js, Vite o SvelteKit).

Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.

  • Garantía de aprobación – o te devolvemos el dinero en 14 días
  • Sin programar
  • Pago único, actualizaciones gratuitas
  • Soporte humano 24/7
  • Hecho en Alemania desde 2014 · ISO 27001

Los tres niveles

1. Pantalla offline nativa

Viene por defecto. Cuando el dispositivo no tiene conexión, WebViewGold muestra una pantalla offline con tu marca y un botón "Reintentar" (offlinetitle, offlinemsg, offlinebuttontext) y se reconecta automáticamente (offlinescreenautoretry). Cero trabajo en Claude Code.

2. Caché y estados de error

El WebView guarda en caché los recursos de tu app para que los siguientes inicios sean rápidos. Añade en Claude Code estados de error amables para las peticiones a Tus propias rutas de API, funciones serverless o Supabase que fallen a mitad de sesión, y conserva lo que el usuario escribió en los formularios cuando una petición falle.

3. HTML local de respaldo

Incluye dentro de la app una build estática (o una versión offline ligera): offlinelocalhtmlswitch en iOS, FALLBACK_USE_LOCAL_HTML_FOLDER_IF_OFFLINE en Android. La app carga la URL remota cuando hay conexión y la carpeta local cuando no la hay. Ideal para apps de contenido, manuales y catálogos.

Prompt para Claude Code

Pega esto en Claude Code para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.

Prompt para Claude Code
Esta app web se ejecutará dentro del envoltorio nativo de WebViewGold; haz que se comporte bien sin conexión. 1) Añade un wrapper de fetch con un timeout de 15 segundos y dos reintentos. 2) Añade un componente ErrorState (mensaje más botón Reintentar) y úsalo en cada pantalla que cargue datos. 3) Añade un OfflineBanner controlado por navigator.onLine y los eventos online/offline, renderizado en el layout raíz. 4) Crea native/local-html/index.html: una página sin conexión autónoma con CSS en línea, nuestro logo como data URI, el texto "Estás sin conexión" y un botón que asigne 'reconnect://' a window.location.href. 5) Verifica los estados con un test de Playwright que ponga el contexto en offline. Resume los cambios y añade la convención de reconnect:// a CLAUDE.md.

¡Estoy muy feliz de haber comprado esta aplicación! Documentación extremadamente fácil y excelente. Estaba en contacto con el servicio al cliente, respondieron muy rápido y de forma muy amigable. Resolvieron mi pregunta en un día. 10/10 lo recomendaría".

Nelis Geiger · CodeCanyon

Una buena configuración offline para Claude Code

El nivel 1 lleva dos minutos; el nivel 3, una tarde.

  1. Personaliza la pantalla offline

    Define el título, el mensaje, el texto del botón y el color de fondo en la configuración (o en el Cloud Builder). Indica qué puede hacer el usuario ("Vuelve a conectarte para ver tus pedidos").

  2. Añade estados de error en Claude Code

    Cada petición de datos a Tus propias rutas de API, funciones serverless o Supabase necesita un estado de error con un botón de reintento, no una lista vacía. Corta la espera tras unos segundos en lugar de dejar un spinner girando para siempre.

  3. Guarda en caché el último estado

    Sin conexión, muestra las últimas cifras del panel o la última lista cargada con una nota de "última actualización"; basta con un service worker o con el almacenamiento local de tu web app.

  4. Opcional: incluye una versión offline

    Exporta a la carpeta local-html una build estática de las partes que tienen sentido sin conexión (ayuda, catálogo, elementos guardados) y activa el respaldo. Mantén la URL remota como fuente principal para que las actualizaciones sigan siendo instantáneas.

  5. Prueba en modo avión

    Arranque en frío, arranque con una sesión en caché, pérdida de conexión a mitad de sesión y reconexión. Es exactamente lo que hace el revisor.

Preguntas frecuentes

¿La app funciona completamente sin conexión?

Solo con una carpeta HTML local (nivel 3) o con una PWA diseñada para datos sin conexión. Las apps que dependen de Tus propias rutas de API, funciones serverless o Supabase muestran la pantalla offline hasta que vuelve la conexión, que es justo lo que esperan los revisores.

¿Funcionan los service workers dentro de la app?

El WebView del sistema admite el almacenamiento en caché estándar; la pantalla offline propia de WebViewGold no depende de ellos. Si necesitas un comportamiento offline garantizado, usa el HTML local de respaldo.

¿Se puede personalizar la pantalla offline?

Sí: el texto (hasta en tres idiomas), los colores y el comportamiento de reintento son ajustes del proyecto WebViewGold.

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 principal

Full 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 WeSetupYourWebViewApp

Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.

¿Listo para lanzar tu app de Claude Code?

Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días

¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.

Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.