Usando adaptadores de código aberto

Você pode usar qualquer adaptador de construção de SSR estrutura que tenha sido criado para integração com o Amplify Hosting. Cada framework que oferece um adaptador determina como o adaptador é configurado e conectado ao seu processo de criação. Normalmente, você instalará o adaptador como uma dependência de desenvolvimento do npm.

Após criar uma aplicação com um framework, use a documentação do framework para aprender como instalar o adaptador do Amplify Hosting e configurá-lo no arquivo de configuração da sua aplicação.

Em seguida, crie um arquivo amplify.yml no diretório raiz do seu projeto. No arquivo amplify.yml, defina baseDirectory para o diretório de saída de compilação da sua aplicação. O framework executará o adaptador durante o processo de compilação para transformar a saída no pacote de implantação do Amplify Hosting.

É possível usar qualquer nome para o diretório de saída da compilação, mas o nome do arquivo .amplify-hosting tem significado. Primeiro, o Amplify procura por um diretório definido como baseDirectory. Se ele existir, o Amplify vai procurar pela saída da compilação lá. Se o diretório não existir, o Amplify vai procurar a saída da compilação em .amplify-hosting, mesmo que isso não tenha sido definido pelo cliente.

Veja a seguir um exemplo das configurações de compilação para uma aplicação. O baseDirectory está definido como .amplify-hosting para indicar que a saída da compilação está na pasta .amplify-hosting. A aplicação será implantada com êxito desde que o conteúdo da pasta .amplify-hosting corresponda à especificação de implantação do Amplify Hosting.

version: 1
frontend:
  preBuild:
    commands:
      - npm install
  build:
    commands:
      - npm run build
  artifacts:
    baseDirectory: .amplify-hosting

Após a configuração da sua aplicação para usar um adaptador de framework, você poderá implantá-la no Amplify Hosting. Para obter instruções detalhadas, consulte Implemente um SSR aplicativo no Amplify