From 44979be2aa49d8989426bfb92e92e2d4468126c4 Mon Sep 17 00:00:00 2001 From: Angel Marfil Date: Sat, 19 Sep 2026 08:11:53 -0500 Subject: [PATCH 1/3] i18n(es): add `guides/deploy/hostinger.mdx` --- .../docs/es/guides/deploy/hostinger.mdx | 154 ++++++++++++++++++ 1 file changed, 154 insertions(+) create mode 100644 src/content/docs/es/guides/deploy/hostinger.mdx diff --git a/src/content/docs/es/guides/deploy/hostinger.mdx b/src/content/docs/es/guides/deploy/hostinger.mdx new file mode 100644 index 0000000000000..1edbb61698287 --- /dev/null +++ b/src/content/docs/es/guides/deploy/hostinger.mdx @@ -0,0 +1,154 @@ +--- +title: Desplegar tu sitio de Astro en Hostinger +description: Cómo desplegar tu sitio de Astro en la web usando Hostinger. +type: deploy +logo: hostinger +i18nReady: true +sidebar: + label: Hostinger +supports: ['ssr', 'static'] +--- +import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'; +import ReadMore from '~/components/ReadMore.astro'; +import { Steps } from '@astrojs/starlight/components'; + +[Hostinger](https://www.hostinger.com/es/) es un proveedor de alojamiento web que admite sitios estáticos y aplicaciones de Node.js. + +Esta guía explica cómo desplegar proyectos de Astro tanto estáticos como renderizados en el servidor, en Hostinger utilizando [hPanel](https://www.hostinger.com/es/support/1583483-guia-completa-de-hpanel-en-hostinger/). + +## Requisitos previos + +- Una [cuenta de Hostinger](https://www.hostinger.com/es/) con un plan de alojamiento activo. + - El despliegue de sitios estáticos es compatible con todos los planes que incluyen hPanel. + - El despliegue renderizado en el servidor requiere un plan que admita aplicaciones de Node.js, como Business Web Hosting o Cloud Hosting. +- Un proyecto de Astro listo para desplegar. + +## Despliegue de un sitio estático + +Los proyectos de Astro utilizan `output: 'static'` por defecto, por lo que no se requiere configuración adicional para desplegar un sitio estático. + +Puedes subir el contenido de tu carpeta `dist/` a Hostinger utilizando el **Administrador de archivos** de hPanel o un cliente FTP. + +### Subida con el Administrador de archivos + + +1. Construye tu proyecto de Astro localmente: + + + + ```shell + npm run build + ``` + + + ```shell + pnpm build + ``` + + + ```shell + yarn build + ``` + + + +2. Inicia sesión en [hPanel](https://hpanel.hostinger.com/) y abre tu sitio web. + +3. Abre **Archivos** > **Administrador de archivos** y navega hasta el directorio `public_html`. + +4. Sube el contenido de tu carpeta local `dist/` a `public_html`. Puedes arrastrar y soltar los archivos, o subir un archivo comprimido y extraerlo allí mismo. + +5. Visita tu dominio para confirmar que tu sitio está en línea. + + +### Subida por FTP + + +1. En hPanel, ve a **Archivos** > **Cuentas FTP** para encontrar o crear tus credenciales de FTP. + +2. Conéctate a tu cuenta de alojamiento utilizando un cliente FTP como [FileZilla](https://filezilla-project.org/). + +3. Sube el contenido de tu carpeta local `dist/` al directorio `public_html` del servidor. + +4. Visita tu dominio para confirmar que tu sitio está en línea. + + +## Despliegue renderizado en el servidor usando Node.js + +Para el [renderizado bajo demanda](/es/guides/on-demand-rendering/), despliega tu proyecto de Astro como una aplicación de Node.js en un plan de Hostinger que admita Node.js. + +### Añadir el adaptador de Node.js + +Añade el [adaptador de Node.js](/es/guides/integrations-guide/node/) para habilitar el renderizado bajo demanda con el siguiente comando `astro add`: + + + + ```shell + npx astro add node + ``` + + + ```shell + pnpm astro add node + ``` + + + ```shell + yarn astro add node + ``` + + + +Consulta la [guía del adaptador de Node.js](/es/guides/integrations-guide/node/) para obtener opciones de configuración adicionales. + +Asegúrate de que tu `package.json` tenga un script `start` que ejecute el servidor compilado: + +```json title="package.json" +{ + "scripts": { + "start": "node ./dist/server/entry.mjs" + } +} +``` + +### Despliegue desde un repositorio de Git + + +1. Sube tu proyecto de Astro a un repositorio de GitHub, GitLab o Bitbucket. + +2. Inicia sesión en [hPanel](https://hpanel.hostinger.com/) y ve a **Sitios web**. + +3. Añade un nuevo sitio web y selecciona la opción de aplicación **Node.js**. + +4. Conecta tu proveedor de Git y selecciona tu repositorio y rama. + +5. Configura los ajustes de compilación: + + - **Comando de compilación:** `npm run build` + - **Comando de inicio:** `npm run start` + +6. Selecciona una versión de Node.js que cumpla con el [requisito mínimo](/es/install-and-setup/#prerrequisitos) de Astro (Node.js 22 o posterior). + +7. Inicia el despliegue. Hostinger instalará las dependencias, ejecutará tu comando de compilación e iniciará la aplicación. + + +### Despliegue subiendo los archivos del proyecto + + +1. Construye tu proyecto de Astro localmente, luego sube la carpeta `dist/` generada junto con el `package.json` y el archivo de bloqueo (p. ej. `package-lock.json`). + +2. In hPanel, añade un nuevo sitio web y selecciona la opción de aplicación **Node.js**. + +3. Sube los archivos de tu proyecto (o un archivo `.zip`) utilizando el Administrador de archivos. + +4. Configura la aplicación: + + - **Raíz de la aplicación:** la carpeta que contiene tu `package.json`. + - **Comando de inicio:** `npm run start` + +5. Selecciona una versión de Node.js compatible e inicia la aplicación. + + +## Recursos oficiales + +- [Documentación de Hostinger](https://www.hostinger.com/es/support/) — centro de ayuda oficial para hPanel, planes de alojamiento y aplicaciones de Node.js. From 0e11c7b1d2aa57de14c7e235d9df9ad024d2756a Mon Sep 17 00:00:00 2001 From: Angel Marfil <59626670+angelmarfil@users.noreply.github.com> Date: Tue, 22 Sep 2026 15:53:11 -0500 Subject: [PATCH 2/3] Update src/content/docs/es/guides/deploy/hostinger.mdx Co-authored-by: paul valladares <85648028+dreyfus92@users.noreply.github.com> --- src/content/docs/es/guides/deploy/hostinger.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/es/guides/deploy/hostinger.mdx b/src/content/docs/es/guides/deploy/hostinger.mdx index 1edbb61698287..2a4bd470253d9 100644 --- a/src/content/docs/es/guides/deploy/hostinger.mdx +++ b/src/content/docs/es/guides/deploy/hostinger.mdx @@ -1,5 +1,5 @@ --- -title: Desplegar tu sitio de Astro en Hostinger +title: Despliega tu sitio de Astro en Hostinger description: Cómo desplegar tu sitio de Astro en la web usando Hostinger. type: deploy logo: hostinger From 42255d72b274c2bf317a9c9e56bddbded70cd8ec Mon Sep 17 00:00:00 2001 From: Angel Marfil <59626670+angelmarfil@users.noreply.github.com> Date: Tue, 22 Sep 2026 15:53:28 -0500 Subject: [PATCH 3/3] Update src/content/docs/es/guides/deploy/hostinger.mdx Co-authored-by: paul valladares <85648028+dreyfus92@users.noreply.github.com> --- src/content/docs/es/guides/deploy/hostinger.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/es/guides/deploy/hostinger.mdx b/src/content/docs/es/guides/deploy/hostinger.mdx index 2a4bd470253d9..83d7d81b2f609 100644 --- a/src/content/docs/es/guides/deploy/hostinger.mdx +++ b/src/content/docs/es/guides/deploy/hostinger.mdx @@ -137,7 +137,7 @@ Asegúrate de que tu `package.json` tenga un script `start` que ejecute el servi 1. Construye tu proyecto de Astro localmente, luego sube la carpeta `dist/` generada junto con el `package.json` y el archivo de bloqueo (p. ej. `package-lock.json`). -2. In hPanel, añade un nuevo sitio web y selecciona la opción de aplicación **Node.js**. +2. En hPanel, añade un nuevo sitio web y selecciona la opción de aplicación **Node.js**. 3. Sube los archivos de tu proyecto (o un archivo `.zip`) utilizando el Administrador de archivos.