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á.

# Implantar uma aplicação Astro.js no Amplify Hosting
<a name="get-started-astro"></a>

Use as instruções a seguir para implantar uma aplicação Astro.js no Amplify Hosting. É possível usar uma aplicação existente ou criar uma aplicação inicial usando um dos exemplos oficiais fornecidos pelo Astro. Para criar uma aplicação inicial, consulte [Uso de um tema ou modelo inicial](https://docs.astro.build/en/install-and-setup/#use-a-theme-or-starter-template) na *Documentação do Astro*.

Para implantar um site do Astro com SSR na Amplify Hosting, é necessário adicionar um adaptador à sua aplicação. Não mantemos um adaptador de propriedade da Amplify para o framework do Astro. Este tutorial usa o adaptador `astro-aws-amplify`, que foi criado por um membro da comunidade. Esse adaptador está disponível no [github. com/alexnguyennz/astro-aws-amplify](https://github.com/alexnguyennz/astro-aws-amplify) no site. GitHub AWS não mantém esse adaptador.

**Para implantar uma aplicação Astro no Amplify Hosting**

1. No seu computador local, navegue até a aplicação Astro a ser implantada.

1. Para instalar o adaptador, abra uma janela de terminal e execute o comando a seguir. Este exemplo usa o adaptador de comunidade disponível no [github. com/alexnguyennz/astro-aws-amplify](https://github.com/alexnguyennz/astro-aws-amplify). Você pode *astro-aws-amplify* substituir pelo nome do adaptador que você está usando.

   ```
   npm install astro-aws-amplify
   ```

1. Na pasta do projeto da sua aplicação Astro, abra o arquivo `astro.config.mjs`. Atualize o arquivo para adicionar o adaptador. O arquivo deve ser semelhante ao seguinte.

   ```
   import { defineConfig } from 'astro/config';
   import mdx from '@astrojs/mdx';
   import awsAmplify from 'astro-aws-amplify';
    
   import sitemap from '@astrojs/sitemap';
    
   // https://astro.build/config
   export default defineConfig({
     site: 'https://example.com',
     integrations: [mdx(), sitemap()],
     adapter: awsAmplify(),
     output: 'server',
   });
   ```

1. Confirme a alteração e envie o projeto para seu repositório Git.

   Agora você está pronto para implantar sua aplicação do Astro no Amplify.

1. Faça login 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 de **Configurações da aplicação**, localize a seção **Configurações de compilação**. Em **Diretório de saída da compilação**, insira **.amplify-hosting**.

1. Você também deve atualizar os comandos de criação de frontend da aplicação na especificação de compilação. Para abrir a especificação de compilação, escolha **Editar arquivo YML**.

1. No arquivo `amplify.yml`, localize a seção de comandos de compilação de frontend. Digite **mv node\$1modules ./.amplify-hosting/compute/default**

   Seu arquivo de configurações de compilação do projeto devem se parecer com o seguinte.

   ```
   version: 1
   frontend:
       phases:
           preBuild:
               commands:
                   - 'npm ci --cache .npm --prefer-offline'
           build:
               commands:
                   - 'npm run build'
                   - 'mv node_modules ./.amplify-hosting/compute/default'
       artifacts:
           baseDirectory: .amplify-hosting
           files:
               - '**/*'
       cache:
           paths:
               - '.npm/**/*'
   ```

1. Escolha **Salvar**.

1. Se você quiser que o Amplify seja capaz de entregar registros de aplicativos para o Amazon CloudWatch Logs, você deve habilitar isso explicitamente no console. 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. Escolha **Próximo**.

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