Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

# Implemente una SvelteKit aplicación para Amplify Hosting
<a name="get-started-sveltekit"></a>

Utilice las siguientes instrucciones para implementar una SvelteKit aplicación en Amplify Hosting. Puede usar su propia aplicación o crear una aplicación de inicio. Para obtener más información, consulte [Crear un proyecto](https://kit.svelte.dev/docs/creating-a-project) en la *SvelteKit documentación*.

Para implementar una SvelteKit aplicación con SSR en Amplify Hosting, debes agregar un adaptador a tu proyecto. No mantenemos un adaptador propiedad de Amplify para el SvelteKit marco. En este ejemplo, utilizamos el `amplify-adapter` creado por un miembro de la comunidad. El adaptador está disponible en [github. com/gzimbron/amplify-adapter](https://github.com/gzimbron/amplify-adapter) en el sitio GitHub web. AWS no mantiene este adaptador.

**Para implementar una SvelteKit aplicación en Amplify Hosting**

1. En su computadora local, navegue hasta la SvelteKit aplicación que desee implementar.

1. Para instalar el adaptador, abra una ventana de terminal y ejecute el siguiente comando. En este ejemplo, se usa el adaptador comunitario disponible en [github. com/gzimbron/amplify-adaptador.](https://github.com/gzimbron/amplify-adapter) Si utiliza un adaptador comunitario diferente, {{amplify-adapter}} sustitúyalo por el nombre del adaptador.

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

1. En la carpeta del proyecto de tu SvelteKit aplicación, abre el `svelte.config.js` archivo. Edita el archivo para usarlo `amplify-adapter` o {{'amplify-adapter'}} sustitúyelo por el nombre de tu adaptador. El archivo debe tener un aspecto similar al siguiente.

   ```
   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 el cambio y envíe la aplicación a su repositorio de Git.

1. Ahora está listo para implementar su SvelteKit aplicación en Amplify.

   Inicia sesión en la consola de [Amplify Consola de administración de AWS](https://console.aws.amazon.com/amplify/) y ábrela.

1. En la página **Todas las aplicaciones**, seleccione **Crear nueva aplicación**.

1. En la página **Comenzar a crear con Amplify**, seleccione el proveedor de repositorios de Git y, a continuación, elija **Siguiente**.

1. En la página **Añadir ramificación de repositorio**, haga lo siguiente:

   1. Seleccione el nombre del repositorio que desea conectar.

   1. Seleccione el nombre de la ramificación del repositorio que desea conectar.

   1. Elija **Siguiente**.

1. En la página de **Configuración de la aplicación**, busque la sección **Configuración de compilación**. En **Directorio de salida de compilación**, introduzca **build**.

1. También debe actualizar los comandos de compilación del frontend de la aplicación en la especificación de compilación. Para abrir la especificación de compilación, seleccione **Editar archivo YML.**

1. En el archivo `amplify.yml`, localice la sección de comandos de compilación del frontend. Introduzca **- cd build/compute/default/** y **- npm i --production**.

   El archivo de configuración de compilación debe tener el aspecto siguiente.

   ```
   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. Seleccione **Save**.

1. Si quieres que Amplify pueda enviar registros de aplicaciones a Amazon CloudWatch Logs, debes habilitarlo explícitamente en la consola. Abra la sección **Configuración avanzada** y, a continuación, seleccione **Habilitar registros de aplicaciones de SSR** en la sección **Implementación de la renderización del servidor (SSR)**.

1. Elija **Siguiente**.

1. En la página **Revisar**, elija **Guardar e implementar**.