

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

# Menggunakan adaptor open source untuk kerangka SSR apa pun
<a name="using-framework-adapter"></a>

Anda dapat menggunakan adaptor build kerangka SSR apa pun yang telah dibuat untuk integrasi dengan Amplify Hosting. Setiap kerangka kerja yang menawarkan adaptor menentukan bagaimana adaptor dikonfigurasi dan terhubung ke proses pembuatannya. Biasanya, Anda akan menginstal adaptor sebagai ketergantungan pengembangan npm.

Setelah Anda membuat aplikasi dengan kerangka kerja, gunakan dokumentasi kerangka kerja untuk mempelajari cara menginstal adaptor Amplify Hosting dan mengonfigurasinya di file konfigurasi aplikasi Anda.

Selanjutnya, buat `amplify.yml` file di direktori root proyek Anda. Dalam `amplify.yml` file, setel `baseDirectory` ke direktori keluaran build aplikasi Anda. Framework menjalankan adaptor selama proses build untuk mengubah output menjadi bundel penerapan Amplify Hosting. 

Nama direktori keluaran build bisa apa saja, tetapi `.amplify-hosting` nama file memiliki signifikansi. Amplify pertama-tama mencari direktori yang didefinisikan sebagai. `baseDirectory` Jika ada, Amplify mencari output build di sana. Jika direktori tidak ada, Amplify mencari keluaran build di dalamnya`.amplify-hosting`, meskipun belum ditentukan oleh pelanggan.

Berikut ini adalah contoh pengaturan build untuk aplikasi. `baseDirectory`Disetel `.amplify-hosting` untuk menunjukkan bahwa output build ada di `.amplify-hosting` folder. Selama konten `.amplify-hosting` folder sesuai dengan spesifikasi penerapan Amplify Hosting, aplikasi akan berhasil diterapkan.

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

Setelah aplikasi dikonfigurasi untuk menggunakan adaptor kerangka kerja, Anda dapat menerapkannya ke Amplify Hosting. Untuk petunjuk terperinci, lihat [Menerapkan aplikasi SSR untuk Amplify](server-side-rendering-amplify.md#deploy-ssr-framework-app)