Implantação de aplicativos renderizados do lado do servidor com o Amplify Hosting

Você pode usar: AWS Amplify para implantar e hospedar aplicativos da web que usam renderização do lado do servidor (). SSR O Amplify Hosting detecta automaticamente os aplicativos criados usando a estrutura Next.js e você não precisa realizar nenhuma configuração manual no AWS Management Console.

O Amplify também suporta qualquer SSR estrutura baseada em Javascript com um adaptador de compilação de código aberto que transforma a saída de compilação de um aplicativo na estrutura de diretórios que a Amplify Hosting espera. 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.

Você pode implantar as seguintes estruturas no Amplify Hosting com configuração mínima.

Next.js

• O Amplify suporta aplicativos Next.js 14 sem a necessidade de um adaptador. Para começar, consulte o Amplifique o suporte para Next.js.

Nuxt.js

• O Amplify suporta implantações de aplicativos Nuxt.js com um adaptador predefinido. Para começar, consulte o Amplifique o suporte para Nuxt.js.

Astro.js

• O Amplify suporta implantações de aplicativos Astro.js com um adaptador de comunidade. Para começar, consulte o Amplifique o suporte para Astro.js.

SvelteKit

• O Amplify suporta implantações SvelteKit de aplicativos com um adaptador comunitário. Para começar, consulte o Amplifique o suporte para SvelteKit.

Adaptadores de código aberto

• Use um adaptador de código aberto - Para obter instruções sobre como usar qualquer adaptador que não esteja na lista anterior, consulteUsando adaptadores de código aberto.

• Crie um adaptador de estrutura - Os autores da estrutura que desejam integrar os recursos fornecidos por uma estrutura podem usar a especificação de implantação do Amplify Hosting para configurar sua saída de compilação de acordo com a estrutura que o Amplify espera. Para obter mais informações, consulte Usando a especificação de implantação do Amplify Hosting para configurar a saída da compilação.

• Configure um script de pós-compilação - Você pode 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 Usando a especificação de implantação do Amplify Hosting para configurar a saída da compilação. Para ver um exemplo, consulte Como implantar um servidor Express usando o manifesto de implantação.

Tópicos

• Amplifique o suporte para Next.js
• Amplifique o suporte para Nuxt.js
• Amplifique o suporte para Astro.js
• Amplifique o suporte para SvelteKit
• Implante um SSR aplicativo no Amplify
• SSRrecursos suportados
• Preços para SSR aplicativos
• Solução de problemas de SSR implantações
• Avançado: adaptadores de código aberto

Implante um SSR aplicativo no Amplify

Você pode usar essas instruções para implantar um aplicativo criado com qualquer estrutura com um pacote de implantação que esteja em conformidade com a saída de compilação que o Amplify espera. Não será necessário usar nenhum adaptador se você estiver implantando uma aplicação Next.js.

Se você estiver implantando um SSR aplicativo que usa um adaptador de estrutura, primeiro instale e configure o adaptador. Para obter instruções, consulte Usando adaptadores de código aberto.

Para implantar um SSR aplicativo no Amplify Hosting

1. Faça login no AWS Management Console e abra o console do Amplify.

2. Na página Todos os aplicativos, escolha Criar novo aplicativo.

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

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

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

   2. Selecione o nome da ramificação do repositório para se conectar.

   3. Escolha Próximo.

5. Na página de configurações do aplicativo, o Amplify detecta automaticamente os aplicativos Next.js. SSR

   Se você estiver implantando um SSR aplicativo que usa um adaptador para outra estrutura, você deve habilitar explicitamente o Amazon CloudWatch Logs. Abra a seção Configurações avançadas e escolha Habilitar registros de SSR aplicativos na seção Implantação do Server-Side Rendering () SSR.

6. O aplicativo requer uma função IAM de serviço que o Amplify assume para entregar registros ao seu Conta da AWS.

   O procedimento para adicionar uma função de serviço varia dependendo se você deseja criar uma nova função ou usar uma existente.

   • Para criar uma nova função:

     1. Escolha Criar e usar um novo perfil de serviço.

   • Para usar uma função existente:

     1. Escolha Usar uma função existente.

     2. Na lista de funções de serviço, selecione a função a ser usada.

7. Escolha Próximo.

8. Na página Revisar, escolha Salvar e implantar.