Apps con React y frameworks

1✅ Frameworks compatibles#

Puedes convertir apps creadas con estos frameworks populares:

• React (Vite): el más popular, recomendado
• Next.js: basado en React, con pages y app router
• Astro: sitios estáticos rápidos con componentes de React
• Vue.js (Vite): apps de una sola página con Vue

Todos estos funcionan automáticamente: ¡solo sube el ZIP de tu proyecto!

2📦 Dos formas de subir#

Opción A: sube el código fuente (la más fácil):
Simplemente comprime tu carpeta de proyecto tal cual y súbela. Nuestra nube la compilará por ti automáticamente.

Opción B: sube archivos ya compilados:
Primero ejecuta 'npm run build' en tu computadora, luego comprime la carpeta de salida (dist/, build/ u out/) y sube eso.

💡 La Opción A se recomienda para la mayoría de los usuarios: ¡no necesitas terminal ni programar!

3📁 Cómo preparar tu ZIP#

1. Abre la carpeta de tu proyecto en tu computadora
2. Selecciona TODOS los archivos de dentro (incluidos package.json, src/, public/, etc.)
3. Clic derecho → 'Comprimir' o 'Enviar a ZIP'

⚠️ Asegúrate de que package.json esté en la raíz del ZIP, no dentro de una subcarpeta.

También puedes descargar tu proyecto de GitHub directamente como ZIP.

4🚀 Genera tu APK#

1. Selecciona el modo 'Offline ZIP' en el Paso 1
2. Elige el archivo ZIP de tu proyecto
3. La app detectará tu framework automáticamente
4. Rellena Nombre de la app, Icono, Pantalla de splash, etc.
5. Haz clic en 'Generate APK': ¡listo!

📶 Se requiere internet durante la generación para proyectos de código fuente.

5🎯 Consejos para obtener los mejores resultados#

• Mantén tu app como una aplicación de una sola página (SPA): funciona mejor
• Si tu app usa un backend/API, mantén el backend alojado en línea
• Las imágenes y recursos de la carpeta 'public/' se incluyen automáticamente
• Prueba primero tu app en un navegador para asegurarte de que funciona

6❌ Lo que no funcionará#

• Funciones del lado del servidor (consultas a bases de datos, API de servidor integradas en la app)
• Apps que necesitan Node.js o un servidor para ejecutarse
• Sitios web de WordPress, Shopify o basados en CMS
• Proyectos Svelte y Angular (¡próximamente!)

Si tu app funciona en un navegador sin servidor, ¡funcionará como APK!

7📥 Descarga proyectos de ejemplo#

Prueba estos proyectos de ejemplo listos para usar. Descarga cualquier ZIP de abajo y luego úsalo en el Paso 1 con el modo 'Offline ZIP' para generar un APK al instante.

⬇️ Ejemplo React (Vite) →

8📥 Ejemplo Next.js#

Una app Next.js de varias páginas con enrutamiento: ideal para probar la navegación entre páginas en tu APK generado.

⬇️ Ejemplo Next.js →

9📥 Ejemplo Astro#

Un sitio estático rápido creado con Astro y componentes de React: perfecto para apps con mucho contenido.

⬇️ Ejemplo Astro →

10📥 Ejemplo de un solo HTML#

Prueba mínima sin conexión de un solo archivo (solo index.html). Ideal para comprobaciones rápidas al solucionar pantallas en blanco.

⬇️ Ejemplo de un solo HTML →

11📥 Ejemplo HTML + CSS#

Prueba sencilla sin conexión de dos archivos (index.html + style.css) para verificar la carga de CSS externo en las apps generadas.

⬇️ Ejemplo HTML + CSS →