Aplicación front-end estática (static front-end application)es una aplicación web compuesta por archivos previamente construidos, los cuales se entregan directamente a los usuarios sin necesidad de procesamiento en el servidor o base de datos. ¡Esta opción está disponible en todos lospaquetes de Agency! Vamos paso a paso.

Los frameworks compatibles incluyen Vite, Vue CLI, Parcel, y React (a través de Vite)💡

Comenzar

Paso 1: Agregar un nuevo sitio web

En su panel de alojamiento, haga clic en el botón Add Website (Agregar sitio web).

Paso 2: Seleccionar aplicación front-end estática

Hostinger dashboard add website menu with Static frontend web app option highlighted
Hostinger dashboard add website menu with Static frontend web app option highlighted

En las opciones de tipo de sitio web, seleccione Static front-end application (Aplicación front-end estática).

Paso 3: Seleccionar su dominio

Domain name input field under the prompt to choose a domain or subdomain
Domain name input field under the prompt to choose a domain or subdomain

Seleccione el dominio en el cual desea alojar la aplicación.

Paso 4: Subir archivos fuente

Haga clic en el cargador de archivos y seleccione su archivo comprimido de archivos fuente. Asegúrese de que el archivo comprimido contenga:

  • Todos los archivos de código fuente
  • package.json que contiene las dependencias
  • Archivo .env (si su aplicación usa variables de entorno)

Paso 5: Completar la configuración

Hostinger upload screen with Finish button and uploaded static site ZIP file
Hostinger upload screen with Finish button and uploaded static site ZIP file

Haga clic en Finish (Finalizar) para completar la configuración. Su aplicación se preparará automáticamente y se desplegará en su dominio.

Actualizar su aplicación

Website dashboard with highlighted source files upload area and Upload button
Website dashboard with highlighted source files upload area and Upload button

¿Necesita desplegar cambios en la aplicación? Es muy sencillo:

  1. Empaque los archivos fuente actualizados en un archivo comprimido
  2. Ingrese a su sitio web en el panel de alojamiento
  3. Use el cargador de archivos para subir el nuevo archivo comprimido
  4. Haga clic en Update (Actualizar)

Su aplicación se volverá a construir con los últimos cambios y se desplegará en su dominio.

¿Qué sucede después de subir el archivo?

Una vez que suba los archivos y haga clic en Finish (Finalizar) o Update (Actualizar):

  • Su aplicación se construirá automáticamente
  • Los archivos construidos se desplegarán en su dominio
  • Su sitio web estará oficialmente en línea y accesible

    • Fuente: documentación oficial de Hostinger