Implementar una App Next.js

Para implementar una aplicación Next.js en Hostman, ve a la sección Plataforma de Apps y haz clic en Crear.

Para las aplicaciones frontales, la plataforma de aplicaciones solo admite la generación estática (SSG). Si su aplicación requiere SSR, debe utilizar la implementación de Dockerfile.

Paso 1. Selecciona el tipo de aplicación

En la pestaña Frontend, selecciona Next.js. También selecciona la versión de Node.js que desees.

Paso 2. Conecta un repositorio

Puedes conectar un repositorio:

• Desde tu cuenta de GitHub, GitLab o BitBucket. Haz clic en el nombre de la plataforma, inicia sesión y selecciona el repositorio que deseas. Si ya has iniciado sesión, Hostman mostrará los repositorios disponibles de inmediato.

• Por URL, proporcionando un enlace al repositorio creado en cualquier plataforma. Haz clic en Conectar repositorio por URL e introduce la URL Git del repositorio. Si es privado, proporciona también los datos de acceso.

Lee más sobre cómo conectar repositorios aquí.

Paso 3. Selecciona una rama y commit

1. Selecciona una rama para la implementación.
2. Por defecto, activamos la opción Build con el último commit ejecutado. En este caso, la plataforma implementará el último commit y reconstruirá automáticamente la app cuando añadas nuevos commits al repositorio. Si lo deseas, puedes desactivar la implementación automática más adelante.

Si deseas seleccionar un commit específico manualmente, desactiva esta opción.

Paso 4. Selecciona la ubicación del servidor

Selecciona la ubicación del servidor.

Para todas las aplicaciones frontend, ofrecemos una configuración básica con 1 GB NVMe y un límite de 200 mil solicitudes al mes.

Paso 5: Configura los parámetros de build

La plataforma detectará automáticamente el comando de build y el directorio para tu proyecto, por lo que normalmente no tendrás que cambiar nada.

Si tu proyecto necesita módulos adicionales, puedes definir tu propio comando de build o varios combinados con &&.

También puedes establecer variables si lo necesitas.

Podrás modificar cualquiera de estos parámetros más adelante y volver a desplegar la app con la nueva configuración.

Paso 6: Introduce la información de la app

Aquí puedes especificar un nombre y un comentario para tu aplicación, que se mostrarán en el panel de Hostman. También puedes seleccionar a qué proyecto agregar la app.

Estos ajustes se pueden modificar más adelante.

Paso 7. Implementa

Haz clic en Iniciar Deploy. Una vez que comience el proceso, verás el registro en la pestaña Deploy.

El registro contiene toda la información necesaria para resolver posibles problemas. Si algo falla, por ejemplo, por errores en el código, el registro mostrará una notificación con la causa del error.

Cuando implementas un proyecto por primera vez, la instalación del servidor puede tardar un poco. Al finalizar, el estado de la app se actualizará y verás un mensaje al respecto en el registro.

¡Todo listo!

Puedes encontrar y copiar la URL de tu app (el dominio técnico vinculado) en la página principal dentro de la sección Apps o en la pestaña Configuración de tu app. También puedes vincular tu propio dominio.

La aplicación funcionará en los puertos 443 y 80.

En el futuro, la plataforma App supervisará los cambios en el repositorio y, si la implementación automática está activada, reconstruirá el proyecto automáticamente con los nuevos cambios.