Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

# Implementación de aplicaciones renderizadas del servidor con Amplify Hosting
<a name="server-side-rendering-amplify"></a>

Puede utilizarla AWS Amplify para implementar y alojar aplicaciones web que utilizan la renderización del lado del servidor (SSR). Amplify Hosting detecta automáticamente las aplicaciones creadas con el marco Next.js y no es necesario realizar ninguna configuración manual en la Consola de administración de AWS. 

Amplify también es compatible con cualquier marco SSR basado en JavaScript con un adaptador de compilación de código abierto que transforme la salida de la compilación de una aplicación en la estructura de directorios que Amplify Hosting espera. Por ejemplo, puede implementar aplicaciones creadas con Nuxt, Astro y los SvelteKit marcos instalando los adaptadores disponibles. 

Los usuarios avanzados pueden usar la especificación de implementación para crear un adaptador de compilación o configurar un script posterior a la compilación.

Puede implementar los siguientes marcos para Amplify Hosting con una configuración mínima.

**Next.js**  
+ Amplify es compatible con las aplicaciones Next.js 15 sin necesidad de un adaptador. Para empezar, consulte [Compatibilidad de Amplify con Next.js](ssr-amplify-support.md).

**Nuxt.js**  
+ Amplify admite las implementaciones de aplicaciones de Nuxt.js con un adaptador preestablecido. Para empezar, consulte [Compatibilidad de Amplify con Nuxt.js](nuxt-support.md).

**Astro.js**  
+ Amplify admite las implementaciones de aplicaciones de Astro.js con un adaptador preestablecido. Para empezar, consulte [Compatibilidad de Amplify con Astro.js](astro-support.md).

**SvelteKit**  
+ Amplify admite la implementación de SvelteKit aplicaciones con un adaptador comunitario. Para empezar, consulte [Amplify el soporte para SvelteKit](sveltekit-support.md).

**Adaptadores de código abierto**  
+ **Uso de un adaptador de código abierto:** para obtener instrucciones sobre el uso de cualquier adaptador que no esté en la lista anterior, consulte [Uso de adaptadores de código abierto para cualquier marco SSR](using-framework-adapter.md).
+  **Creación de un adaptador de marcos:** los autores de marcos que deseen integrar las características que proporciona un marco pueden usar la especificación de implementación de Amplify Hosting para configurar la salida de la compilación para que se ajuste a la estructura que Amplify espera. Para obtener más información, consulte [Using the Amplify Hosting deployment specification to configure build output](ssr-deployment-specification.md).
+ **Configuración de un script a posterior a la compilación:** puede usar la especificación de implementación de Amplify Hosting para manipular la salida de la compilación según sea necesario para situaciones específicas. Para obtener más información, consulte [Using the Amplify Hosting deployment specification to configure build output](ssr-deployment-specification.md). Para ver un ejemplo, consulta [Implementación de un servidor Express mediante el manifiesto de implementación](deploy-express-server.md). 

**Topics**
+ [Compatibilidad de Amplify con Next.js](ssr-amplify-support.md)
+ [Compatibilidad de Amplify con Nuxt.js](nuxt-support.md)
+ [Compatibilidad de Amplify con Astro.js](astro-support.md)
+ [Amplify el soporte para SvelteKit](sveltekit-support.md)
+ [Implementación de una aplicación SSR en Amplify](#deploy-ssr-framework-app)
+ [Características admitidas por SSR](ssr-supported-features.md)
+ [Resolución de problemas de las implementaciones de SSR](troubleshooting-ssr-deployment.md)
+ [Avanzado: Adaptadores de código abierto](advanced-open-source-adapters.md)

## Implementación de una aplicación SSR en Amplify
<a name="deploy-ssr-framework-app"></a>

Puede usar estas instrucciones para implementar una aplicación creada con cualquier marco con una agrupación de implementación que se ajuste a la salida de compilación que Amplify espera. Si va a implementar una aplicación de Next.js, no se necesita ningún adaptador.

Si va a implementar una aplicación de SSR que usa un adaptador de marcos, primero debe instalar y configurar el adaptador. Para obtener instrucciones, consulte [Uso de adaptadores de código abierto para cualquier marco SSR](using-framework-adapter.md).

**Implementación de una aplicación de SSR en Amplify Hosting**

1. Inicia sesión en la consola de [Amplify Consola de administración de AWS](https://console.aws.amazon.com/amplify/) y ábrela.

1. En la página **Todas las aplicaciones**, seleccione **Crear nueva aplicación**.

1. En la página **Comenzar a crear con Amplify**, seleccione el proveedor de repositorios de Git y, a continuación, elija **Siguiente**.

1. En la página **Añadir ramificación de repositorio**, siga estos pasos:

   1. Seleccione el nombre del repositorio que desea conectar.

   1. Seleccione el nombre de la ramificación del repositorio que desea conectar.

   1. Elija **Siguiente**.

1. En la página **Configuración de la aplicación**, Amplify detecta automáticamente las aplicaciones SSR de Next.js.

   Si va a implementar una aplicación SSR que utiliza un adaptador para otro marco, debe habilitar Amazon CloudWatch Logs de forma explícita. Abra la sección **Configuración avanzada** y, a continuación, seleccione **Habilitar registros de aplicaciones de SSR** en la sección **Implementación de la renderización del servidor (SSR)**.

1. La aplicación requiere un rol de servicio de IAM que Amplify asume para entregar los registros en su Cuenta de AWS.

   El procedimiento para agregar un rol de servicio varía en función de si desea crear uno nuevo o usar uno existente.
   + Creación de un nuevo rol:

     1. Elija **Crear y utilizar un nuevo rol de servicio**.
   + Uso de un rol existente:

     1. Elija **Usar un rol existente**.

     1. En la lista de roles de servicio, seleccione el que desee utilizar.

1. Elija **Siguiente**.

1. En la página **Revisar**, elija **Guardar e implementar**.