Subir

Arrastra y suelta

para subir tu archivo

Subir

Subdominio
Probar otro
Nombre completo
Correo electrónico
Contraseña
Ya tengo una cuenta

Hosting para React

Publica una app de React

Sube el resultado de tu compilación de React y obtén un sitio web publicado en segundos. Sin configurar servidores, sin pipelines de Git, sin herramientas de línea de comandos. Arrastra tu archivo ZIP y tu app de React queda publicada con una URL para compartir.

Subir app de React

Arrastra y suelta los archivos para subirlos.Toca para subir tus archivos.

Sube archivos comprimidos de tu web, imágenes, documentos o PDF.

Seleccionar archivo
  • Publicación con arrastrar y soltar

    Ejecuta npm run build, comprime en un ZIP la carpeta dist/ o build/ y arrástrala a Static.app. Tu app de React queda publicada en unos 15 segundos. Sin comandos de terminal en el servidor.

  • Formularios de contacto integrados

    Añade el atributo static-form a cualquier formulario de tu app de React. Los envíos aparecen en tu panel. Sin endpoint de backend, sin servicios de formularios de terceros y sin JavaScript adicional.

  • Compatible con el enrutamiento del lado del cliente

    Activa Aplicación JavaScript en los ajustes de tu sitio web y las URL internas como /about o /contact funcionan correctamente al recargar la página.

Cómo alojar tu app de React

  • 1

    Ejecuta npm run build en el directorio de tu proyecto. Vite genera el resultado en dist/ y Create React App lo genera en build/.

  • 2

    Abre la carpeta con el resultado de la compilación, selecciona todos los archivos que contiene y comprímelos en un ZIP. Asegúrate de que index.html esté en la raíz del ZIP, no dentro de una subcarpeta.

  • 3

    Arrastra tu ZIP a static.app. Tu app de React obtiene una URL pública al instante. Conecta un dominio personalizado y activa la analítica desde el panel.

Vídeo tutorial (en inglés)

Aprende a alojar una app de React en Static.app.

Todo lo que necesitas para el hosting de React

  • HTTPS automático

    Cada app de React alojada en Static.app obtiene HTTPS automáticamente. Sin configurar certificados y sin gestionar renovaciones. Quienes te visitan ven el candado desde el primer día.

  • Editor de código en el navegador

    ¿Tienes que corregir una errata o actualizar un archivo de configuración? Edita tu app de React publicada directamente en el navegador. No hace falta volver a compilar ni a subir para los cambios pequeños.

  • Analítica que respeta la privacidad

    Consulta cuántas personas visitan tu app de React, qué páginas ven y de dónde vienen. Sin cookies, sin scripts de seguimiento y sin banners de consentimiento del RGPD.

Preguntas frecuentes sobre el hosting de React

¿Cómo alojo mi proyecto de React?

Abre la terminal en la carpeta del proyecto y ejecuta npm run build. Esto compila tu código de React en archivos estáticos optimizados. Busca la carpeta de salida (dist/ en Vite, build/ en CRA), ábrela, selecciona todos los archivos que contiene y comprímelos en un ZIP. Ve a static.app, arrastra el ZIP a la zona de subida y tu app de React obtiene una URL pública en unos 15 segundos. Desde el panel puedes conectar un dominio personalizado y activar la analítica.

¿Puedo alojar un proyecto de Create React App?

Sí. Los proyectos de CRA usan webpack internamente y generan el resultado en una carpeta build/. Ejecuta npm run build y comprime en un ZIP todo lo que hay dentro de esa carpeta build/. Asegúrate de que index.html esté en la raíz del ZIP, no dentro de otro directorio. El proceso es el mismo para los proyectos de React con Vite, salvo que la carpeta de salida es dist/ en lugar de build/.

¿Puedo alojar un proyecto de Vite + React?

Sí. Vite es ahora la herramienta de compilación por defecto de los proyectos nuevos de React. Ejecuta npm run build y el resultado optimizado se genera en dist/. Comprime en un ZIP todo lo que hay dentro de esa carpeta y súbelo. Si tu app obtiene datos de una API, define la URL de la API en .env antes de compilar. Vite usa el prefijo VITE_ para las variables de entorno en lugar de REACT_APP_.

¿Funciona React Router?

Sí. Activa Aplicación JavaScript en los ajustes de tu sitio web. Static.app servirá entonces tu app para cualquier ruta de URL y React Router gestionará la navegación.

¿Funciona el renderizado en servidor?

No. Static.app sirve archivos HTML, CSS y JavaScript ya compilados. No hay ningún proceso de Node.js en marcha en el servidor que renderice las páginas en cada petición. Si tu app de React usa frameworks como Next.js con SSR o Remix, necesitan un hosting de Node.js. Sin embargo, si usas Next.js con output: 'export', genera archivos HTML estáticos que se alojan perfectamente en Static.app.

¿Y las variables de entorno?

Las variables de entorno en React se resuelven al compilar, no en tiempo de ejecución. Defínelas en tu archivo .env o en tu sesión de terminal antes de ejecutar npm run build. La herramienta de compilación sustituye referencias como process.env.REACT_APP_API_URL por sus valores reales en el JavaScript compilado. Como Static.app sirve archivos ya compilados, no hay ningún servidor que lea variables de entorno en tiempo de ejecución.

¿Tengo que configurar CORS?

Solo si tu app de React llama a una API externa. CORS se configura en el servidor de la API, no en Static.app. Static.app sirve los archivos de tu frontend sin restricciones de CORS.

¿Y si mi app muestra una página en blanco?

Comprueba que index.html esté en la raíz de tu ZIP (no dentro de una subcarpeta). Verifica también que el ajuste base o publicPath de tu herramienta de compilación sea "/" o "./".

¿Qué hosting es el mejor para React?

Depende de lo que haga tu app de React. Para apps renderizadas en el cliente (SPA), Static.app es la opción más sencilla: compilas, comprimes en un ZIP, subes y listo. Para apps que necesitan renderizado en servidor, se encargan Vercel o Netlify. Para apps con lógica de backend, Render o Railway ejecutan tu servidor. La mayoría de las apps de React que se crean para portfolios, paneles y sitios web de marketing son SPA que funcionan perfectamente como archivos estáticos.

¿Puedo alojar mi app de React en GitHub?

Sí, GitHub Pages puede alojar compilaciones de React gratis. Lo que se pierde: GitHub Pages no tiene formularios de contacto integrados (necesitas Formspree o similar), ni panel de analítica (necesitas Google Analytics), ni protección con contraseña para los sitios web de pruebas, ni editor de código en el navegador. Además, requiere configurar el campo homepage en package.json. Static.app incluye todas estas funciones y no requiere Git.

Empieza a alojar tu app de React ahora

Seleccionar archivo
o suelta aquí tu archivo para subirlo