Skip to main content

​
Introducción

Para desarrollar y alojar una aplicación React Router (antes Remix) en Square Cloud, es esencial seguir una secuencia estructurada de configuraciones y requisitos previos. Esta guía técnica cubrirá todo el proceso, desde la configuración inicial hasta el despliegue en producción.

​
Requisitos previos

  • Cuenta de Square Cloud: Regístrate a través de la página de registro usando tu correo electrónico.
  • Plan activo: Garantiza recursos dedicados y un rendimiento optimizado para tu aplicación. Consulta nuestros planes disponibles y elige el más adecuado para tus necesidades.
Esta guía usa el runtime de Node.js. Probado con React Router 8 en Node.js 24 en septiembre de 2026.
Remix se fusionó con React Router: el modo framework de React Router, desde la v7, es el sucesor de Remix v2. Los proyectos nuevos usan create-react-router en lugar de create-remix. Si todavía tienes un proyecto Remix v2, consulta Proyectos Remix v2 existentes.

​
Crear el proyecto

Necesitas Node.js 22.22 o posterior y npm en tu máquina. Si no los tienes, descárgalos desde el sitio oficial de Node.js. Crea un proyecto con el inicializador oficial:
El inicializador crea el proyecto y ofrece instalar sus dependencias. Entra en la carpeta del proyecto e inicia el servidor de desarrollo:
El servidor de desarrollo suele escuchar en http://localhost:5173/. Las rutas se declaran en app/routes.ts, y la plantilla asigna la página de inicio a app/routes/home.tsx. Reemplaza el contenido de ese archivo con un ejemplo sencillo:
app/routes/home.tsx

​
Compilar para producción

Esto crea la carpeta build/: build/client contiene los assets estáticos y build/server el código del servidor. Las herramientas de build (@react-router/dev y Vite) son devDependencies, que Square Cloud no instala, así que ejecuta el build en tu máquina.

​
Puerto y host

No hay nada que cambiar: la plantilla incluye @react-router/serve, un servidor Node.js de producción, y un script start que lo ejecuta. react-router-serve lee las variables de entorno PORT y HOST, que Square Cloud define como 80 y 0.0.0.0.
package.json

​
Configurar Square Cloud

Crea un archivo squarecloud.app en la raíz de tu proyecto:
squarecloud.app
RUNTIME=nodejs selecciona el runtime de Node.js sin necesidad de un archivo MAIN, y START reemplaza el comando de inicio predeterminado. Al subir por el dashboard, define el mismo comando de inicio.

​
Qué va en el ZIP

  • build/, el build de producción.
  • package.json.
  • squarecloud.app.
Deja fuera node_modules: Square Cloud instala tus dependencies, incluido @react-router/serve, en el primer inicio.

​
Proyectos Remix v2 existentes

Los proyectos Remix v2 se despliegan igual: ejecuta npm run build en local y mantén START=npm run start, donde el script start ejecuta @remix-run/serve, que también lee PORT y HOST:
Los proyectos que aún usan el compilador clásico de Remix (sin Vite) usan remix-serve ./build/index.js. Para pasar a React Router, sigue la guía oficial de actualización.

​
Hacer deploy y verificar

​
A través del panel

1

Accede a la página de subida

Accede a la página de subida y sube el archivo zip de tu proyecto.
2

Configura tu entorno

Después de subir tu zip, deberás configurar el nombre, el archivo principal o el entorno de ejecución y otros ajustes de tu proyecto.
Si estás subiendo un proyecto web, asegúrate de seleccionar “Publicación Web” y de definir un subdominio para tu proyecto.
3

Despliega tu proyecto

Por último, haz clic en el botón “Deploy” para alojar tu proyecto en Square Cloud.
Tras el despliegue, puedes monitorear el estado y los logs de tu proyecto desde el panel.
Subiendo aplicación a Square Cloud
4

Confirma que tu aplicación esté en vivo

Tu primer despliegue suele tardar menos de un minuto. En el dashboard, espera a que el estado de tu aplicación muestre “running” y revisa los logs por si hay errores de inicio.
Si desplegaste un sitio web o una API, abre https://<tu-subdominio>.squareweb.app en tu navegador: deberías ver tu aplicación respondiendo. Si desplegaste un bot, envíale un comando para confirmar que esté online.
¿La aplicación no inicia? Consulta la guía de solución de problemas para ver las causas y soluciones más comunes.

​
A través de la CLI

Para usar este método, tu proyecto necesita un archivo de configuración llamado squarecloud.app en su raíz. Le indica a Square Cloud cómo ejecutar tu aplicación.

Guía del archivo de configuración

Aprende a crear el archivo de configuración squarecloud.app que define el entorno de tu aplicación.
1

Instala la CLI

Instala la CLI de Square Cloud. Si ya la tienes, ejecuta el mismo comando para actualizarla:
2

Inicia sesión

Ejecuta el comando de abajo. Abre tu navegador: aprueba el inicio de sesión allí y la CLI queda lista. No hay ninguna clave de API que copiar. Para scripts y CI, consulta autenticación de la CLI.
3

Sube tu proyecto

Desde la carpeta de tu proyecto, ejecuta el comando de abajo. La CLI comprime la carpeta actual en un zip, dejando fuera lo que lista squarecloud.ignore, y lo sube:
Para subir un zip que creaste tú mismo, pásalo con --file:
4

Confirma que tu aplicación esté en vivo

Tu primer despliegue suele tardar menos de un minuto. Revisa el estado y los logs de tu aplicación directamente desde la terminal:
Si desplegaste un sitio web o una API, abre https://<tu-subdominio>.squareweb.app en tu navegador: deberías ver tu aplicación respondiendo. Si desplegaste un bot, envíale un comando para confirmar que esté online.
¿La aplicación no inicia? Consulta la guía de solución de problemas para ver las causas y soluciones más comunes.

​
Errores comunes

​
Dominio personalizado

Para usar un dominio personalizado (por ejemplo, mysite.com) en lugar de la URL predeterminada mysite.squareweb.app, necesitas el plan Standard o superior. La URL predeterminada sale del campo SUBDOMAIN del archivo de configuración. Para conectar tu dominio, sigue cómo configurar tu propio dominio.

​
Requisitos mínimos de RAM

Mínimo: 512MB de RAM para sitios web y APIs, suficiente para un build estático en el runtime estático. Para apps que renderizan páginas en un servidor (Next.js, Nuxt, Angular SSR y similares), recomendamos al menos 1GB de RAM. Para aplicaciones más grandes, asigna más RAM para evitar que la aplicación se quede sin memoria y falle.

​
No se pudo encontrar este sitio.

Verifica que el subdominio/dominio coincida con lo configurado en el campo SUBDOMAIN o en la configuración del dominio personalizado. Si acabas de subir el sitio, espera hasta 60 segundos para que Square habilite el primer acceso.

​
El sitio tardó demasiado en responder…

Tu servidor debe escuchar en el puerto 80 y el host 0.0.0.0. Square Cloud define las variables de entorno PORT (80) y HOST (0.0.0.0) en tu aplicación: léelas en tu código en lugar de fijar otros valores. Un servidor que escucha solo en localhost o 127.0.0.1 nunca recibe solicitudes.

​
Próximos pasos

Variables de entorno

Mantén secretos y ajustes fuera de tu código y léelos en tiempo de ejecución.

Dominio personalizado

Sirve tu app en tu propio dominio, desde el plan Standard.

Solución de problemas

Arregla una app que no inicia o un sitio que no responde.
Para saber más sobre React Router, consulta la documentación oficial de React Router.

​
Contáctanos

Si continúas enfrentando dificultades técnicas, nuestro equipo de soporte especializado está disponible para ayudarte. Contáctanos y estaremos encantados de ayudarte a resolver cualquier problema: la calidad del soporte es una gran parte de por qué los desarrolladores califican a Square Cloud con 4.9/5 en 402 reseñas en Google y Trustpilot.