

As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

# Implantação de aplicações renderizadas do lado do servidor com o Amplify Hosting
<a name="server-side-rendering-amplify"></a>

Você pode usar AWS Amplify para implantar e hospedar aplicativos web que usam renderização do lado do servidor (SSR). O Amplify Hosting detecta automaticamente aplicações criadas usando o framework Next.js, e você não precisa realizar nenhuma configuração manual no Console de gerenciamento da AWS. 

O Amplify também oferece suporte a qualquer framework SSR baseado em Javascript com um adaptador de compilação de código aberto que transforme a saída de compilação de uma aplicação na estrutura de diretórios esperada pelo Amplify Hosting. Por exemplo, você pode implantar aplicativos criados com o Nuxt, o Astro e as SvelteKit estruturas instalando os adaptadores disponíveis. 

Usuários avançados podem usar a especificação de implantação para criar um adaptador de compilação ou configurar um script de pós-compilação.

É possível implantar as seguintes estruturas no Amplify Hosting com configuração mínima.

**Next.js**  
+ O Amplify suporta aplicativos Next.js 15 sem a necessidade de um adaptador. Para começar, consulte o [Suporte do Amplify para Next.js](ssr-amplify-support.md).

**Nuxt.js**  
+ O Amplify oferece suporte a implantações de aplicações Nuxt.js com um adaptador predefinido. Para começar, consulte o [Suporte do Amplify para Nuxt.js](nuxt-support.md).

**Astro.js**  
+ O Amplify oferece suporte a implantações de aplicações Astro.js com um adaptador comunitário. Para começar, consulte o [Suporte do Amplify para Astro.js](astro-support.md).

**SvelteKit**  
+ O Amplify suporta implantações SvelteKit de aplicativos com um adaptador comunitário. Para começar, consulte o [Amplifique o suporte para SvelteKit](sveltekit-support.md).

**Adaptadores de código aberto**  
+ **Usar um adaptador de código aberto**: para obter instruções sobre como usar qualquer adaptador que não esteja na lista anterior, consulte [Uso de adaptadores de código aberto para qualquer estrutura SSR](using-framework-adapter.md).
+  **Desenvolver um adaptador de framework**: os criadores de frameworks que desejem integrar os recursos fornecidos por um framework podem usar a especificação de implantação do Amplify Hosting para configurar a saída da compilação de acordo com a estrutura esperada pelo Amplify. Para obter mais informações, consulte [Uso da especificação de implantação do Amplify Hosting para configurar a saída da compilação](ssr-deployment-specification.md).
+ **Configurar um script pós-compilação**: é possível usar a especificação de implantação do Amplify Hosting para manipular sua saída de compilação conforme necessário para cenários específicos. Para obter mais informações, consulte [Uso da especificação de implantação do Amplify Hosting para configurar a saída da compilação](ssr-deployment-specification.md). Para ver um exemplo, consulte [Como implantar um servidor Express usando o manifesto de implantação](deploy-express-server.md). 

**Topics**
+ [Suporte do Amplify para Next.js](ssr-amplify-support.md)
+ [Suporte do Amplify para Nuxt.js](nuxt-support.md)
+ [Suporte do Amplify para Astro.js](astro-support.md)
+ [Amplifique o suporte para SvelteKit](sveltekit-support.md)
+ [Implantação de uma aplicação SSR no Amplify](#deploy-ssr-framework-app)
+ [Recursos com suporte para SSR](ssr-supported-features.md)
+ [Solução de problemas de implantações SSR](troubleshooting-ssr-deployment.md)
+ [Avançado: adaptadores de código aberto](advanced-open-source-adapters.md)

## Implantação de uma aplicação SSR no Amplify
<a name="deploy-ssr-framework-app"></a>

É possível aplicar essas instruções para implantar uma aplicação criada com qualquer framework com um pacote de implantação que esteja em conformidade com a saída da compilação esperada pelo Amplify. Não será necessário usar nenhum adaptador se você estiver implantando uma aplicação Next.js.

Se estiver implantando uma aplicação de SSR que use um adaptador de framework, primeiro será necessário instalar e configurar o adaptador. Para instruções, consulte [Uso de adaptadores de código aberto para qualquer estrutura SSR](using-framework-adapter.md).

**Para implantar uma aplicação de SSR no Amplify Hosting**

1. Faça login no Console de gerenciamento da AWS e abra o console do [Amplify](https://console.aws.amazon.com/amplify/).

1. Na página **Todas as aplicações**, escolha **Criar nova aplicação**.

1. Na página **Comece a desenvolver com o Amplify**, escolha seu provedor de repositório Git e escolha **Avançar**.

1. Na página **Adicionar ramificação do repositório**, faça o seguinte:

   1. Selecione o nome do repositório a ser conectado.

   1. Selecione o nome da ramificação do repositório a ser conectada.

   1. Escolha **Próximo**.

1. Na página **Configurações da aplicação**, o Amplify detecta automaticamente as aplicações SSR em Next.js.

   Se você estiver implantando um aplicativo SSR que usa um adaptador para outra estrutura, você deve habilitar explicitamente o Amazon Logs. CloudWatch Abra a seção **Configurações avançadas** e escolha **Habilitar logs da aplicação SSR** na seção **Implantação da renderização no lado do servidor (SSR)**.

1. A aplicação precisará de um perfil de serviço do IAM que o Amplify assumirá para entregar os logs à sua Conta da AWS.

   O procedimento para adicionar um perfil de serviço varia dependendo se você deseja criar um novo perfil ou usar um existente.
   + Para criar um novo perfil:

     1. Escolha **Criar e usar um novo perfil de serviço**.
   + Para usar um perfil existente:

     1. Escolha **Usar um perfil existente**.

     1. Na lista de perfis de serviço, selecione o perfil a ser usado.

1. Escolha **Próximo**.

1. Na página **Revisar**, escolha **Salvar e implantar**.