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

# Implante um SvelteKit aplicativo no Amplify Hosting
<a name="get-started-sveltekit"></a>

Use as instruções a seguir para implantar um SvelteKit aplicativo no Amplify Hosting. É possível usar sua própria aplicação ou criar uma aplicação inicial. Para obter mais informações, consulte [Criação de um projeto](https://kit.svelte.dev/docs/creating-a-project) na *SvelteKit documentação*.

Para implantar um SvelteKit aplicativo com SSR no Amplify Hosting, você deve adicionar um adaptador ao seu projeto. Não mantemos um adaptador de propriedade da Amplify para a SvelteKit estrutura. Neste exemplo, estamos usando o `amplify-adapter` criado por um membro da comunidade. O adaptador está disponível no [github. com/gzimbron/amplify-adaptador](https://github.com/gzimbron/amplify-adapter) no GitHub site. AWS não mantém esse adaptador.

**Para implantar um SvelteKit aplicativo no Amplify Hosting**

1. No seu computador local, navegue até o SvelteKit aplicativo a ser implantado.

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/gzimbron/amplify-adaptador](https://github.com/gzimbron/amplify-adapter). Se você estiver usando um adaptador de comunidade diferente, {{amplify-adapter}} substitua pelo nome do seu adaptador.

   ```
   npm install {{amplify-adapter}}
   ```

1. Na pasta do projeto do seu SvelteKit aplicativo, abra o `svelte.config.js` arquivo. Edite o arquivo para usar `amplify-adapter` ou {{'amplify-adapter'}} substituir pelo nome do seu adaptador. O arquivo deve ser semelhante ao seguinte.

   ```
   import adapter from {{'amplify-adapter'}};
   import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
   
                 
   /** @type {import('@sveltejs/kit').Config} */
   const config = {
           // Consult https://kit.svelte.dev/docs/integrations#preprocessors
           // for more information about preprocessors
           preprocess: vitePreprocess(),
   
           kit: {
                   // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
                   // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
                   // See https://kit.svelte.dev/docs/adapters for more information about adapters.
                   adapter: adapter()
           }
   };
   
   export default config;
   ```

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

1. Agora você está pronto para implantar seu SvelteKit aplicativo no Amplify.

   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 **build**.

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. Insira **- cd build/compute/default/** e **- npm i --production**.

   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'
                   - 'cd build/compute/default/'
                   - 'npm i --production'
                 
       artifacts:
           baseDirectory: build
           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**.