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

# Menyebarkan aplikasi yang dirender sisi server dengan Amplify Hosting
<a name="server-side-rendering-amplify"></a>

Anda dapat menggunakan AWS Amplify untuk menyebarkan dan meng-host aplikasi web yang menggunakan rendering sisi server (SSR). Amplify Hosting secara otomatis mendeteksi aplikasi yang dibuat menggunakan framework Next.js dan Anda tidak perlu melakukan konfigurasi manual apa pun di file. Konsol Manajemen AWS

Amplify juga mendukung framework SSR berbasis Javascript dengan adaptor build open source yang mengubah output build aplikasi menjadi struktur direktori yang diharapkan Amplify Hosting. Misalnya, Anda dapat menerapkan aplikasi yang dibuat dengan Nuxt, Astro, dan SvelteKit framework dengan menginstal adaptor yang tersedia. 

Pengguna tingkat lanjut dapat menggunakan spesifikasi penerapan untuk membuat adaptor build atau mengonfigurasi skrip pasca-build.

Anda dapat menerapkan kerangka kerja berikut untuk Amplify Hosting dengan konfigurasi minimal.

**Next.js**  
+ Amplify mendukung aplikasi Next.js 15 tanpa perlu adaptor. Untuk memulai, lihat [Amplify dukungan untuk Next.js](ssr-amplify-support.md).

**Nuxt.js**  
+ Amplify mendukung penerapan aplikasi Nuxt.js dengan adaptor preset. Untuk memulai, lihat [Amplify dukungan untuk Nuxt.js](nuxt-support.md).

**Astro.js**  
+ Amplify mendukung penerapan aplikasi Astro.js dengan adaptor komunitas. Untuk memulai, lihat [Amplify dukungan untuk Astro.js](astro-support.md).

**SvelteKit**  
+ Amplify mendukung SvelteKit penerapan aplikasi dengan adaptor komunitas. Untuk memulai, lihat [Amplify dukungan untuk SvelteKit](sveltekit-support.md).

**Adaptor sumber terbuka**  
+ **Gunakan adaptor sumber terbuka -** Untuk petunjuk tentang penggunaan adaptor apa pun yang tidak ada dalam daftar sebelumnya, lihat. [Menggunakan adaptor open source untuk kerangka SSR apa pun](using-framework-adapter.md)
+  **Buat adaptor kerangka kerja -** Pembuat kerangka kerja yang ingin mengintegrasikan fitur yang disediakan oleh framework, dapat menggunakan spesifikasi penerapan Amplify Hosting untuk mengonfigurasi keluaran build agar sesuai dengan struktur yang diharapkan Amplify. Untuk informasi selengkapnya, lihat [Menggunakan spesifikasi penerapan Amplify Hosting untuk mengonfigurasi keluaran build](ssr-deployment-specification.md).
+ **Mengonfigurasi skrip pasca-build -** Anda dapat menggunakan spesifikasi penerapan Amplify Hosting untuk memanipulasi keluaran build sesuai kebutuhan untuk skenario tertentu. Untuk informasi selengkapnya, lihat [Menggunakan spesifikasi penerapan Amplify Hosting untuk mengonfigurasi keluaran build](ssr-deployment-specification.md). Sebagai contoh, lihat [Menyebarkan server Express menggunakan manifes penerapan](deploy-express-server.md). 

**Topics**
+ [Amplify dukungan untuk Next.js](ssr-amplify-support.md)
+ [Amplify dukungan untuk Nuxt.js](nuxt-support.md)
+ [Amplify dukungan untuk Astro.js](astro-support.md)
+ [Amplify dukungan untuk SvelteKit](sveltekit-support.md)
+ [Menerapkan aplikasi SSR untuk Amplify](#deploy-ssr-framework-app)
+ [Fitur yang didukung SSR](ssr-supported-features.md)
+ [Memecahkan masalah penerapan SSR](troubleshooting-ssr-deployment.md)
+ [Lanjutan: Adaptor sumber terbuka](advanced-open-source-adapters.md)

## Menerapkan aplikasi SSR untuk Amplify
<a name="deploy-ssr-framework-app"></a>

Anda dapat menggunakan petunjuk ini untuk menerapkan aplikasi yang dibuat dengan kerangka kerja apa pun dengan bundel penerapan yang sesuai dengan keluaran build yang diharapkan Amplify. Jika Anda menerapkan aplikasi Next.js, adaptor tidak diperlukan.

Jika Anda menerapkan aplikasi SSR yang menggunakan adaptor kerangka kerja, Anda harus menginstal dan mengonfigurasi adaptor terlebih dahulu. Untuk petunjuk, lihat [Menggunakan adaptor open source untuk kerangka SSR apa pun](using-framework-adapter.md).

**Untuk menerapkan aplikasi SSR ke Amplify Hosting**

1. Masuk ke Konsol Manajemen AWS dan buka konsol [Amplify](https://console.aws.amazon.com/amplify/).

1. Pada halaman **Semua aplikasi**, pilih **Buat aplikasi baru**.

1. **Pada halaman **Mulai membangun dengan Amplify**, pilih penyedia repositori Git Anda, lalu pilih Berikutnya.**

1. Pada halaman **Add repository branch** lakukan hal berikut:

   1. Pilih nama repositori untuk terhubung.

   1. Pilih nama cabang repositori untuk terhubung.

   1. Pilih **Berikutnya**.

1. Pada halaman **Pengaturan aplikasi**, Amplify secara otomatis mendeteksi aplikasi SSR Next.js.

   Jika Anda menerapkan aplikasi SSR yang menggunakan adaptor untuk kerangka kerja lain, Anda harus secara eksplisit mengaktifkan Amazon Logs. CloudWatch Buka bagian **Pengaturan lanjutan**, lalu pilih **Aktifkan log aplikasi SSR** di bagian penyebaran **Server-Side Rendering (**SSR).

1. Aplikasi ini memerlukan peran layanan IAM yang Amplify asumsikan untuk mengirimkan log ke Anda. Akun AWS

   Prosedur untuk menambahkan peran layanan bervariasi tergantung pada apakah Anda ingin membuat peran baru atau menggunakan peran yang sudah ada.
   + Untuk membuat peran baru:

     1. Pilih **Buat dan gunakan peran layanan baru**.
   + Untuk menggunakan peran yang ada:

     1. Pilih **Gunakan peran yang ada**.

     1. Dalam daftar peran layanan, pilih peran yang akan digunakan.

1. Pilih **Berikutnya**.

1. Di halaman **Tinjauan**, pilih **Simpan dan deploy**.