Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.
Amplify dukungan untuk Next.js
Amplify mendukung penerapan dan hosting untuk aplikasi web yang dirender sisi server (SSR) yang dibuat menggunakan. Next.js Next.js adalah kerangka kerja React untuk mengembangkan SPA dengan JavaScript. Anda dapat menerapkan aplikasi yang dibangun dengan Next.js versi hingga Next.js 15, dengan fitur seperti pengoptimalan gambar dan middleware.
Pengembang dapat menggunakan Next.js untuk menggabungkan pembuatan situs statis (SSG), dan SSR dalam satu proyek. Halaman SSG dirender sebelumnya pada waktu build, dan halaman SSR dirender sebelumnya pada waktu permintaan.
Prerendering dapat meningkatkan performa dan optimasi mesin pencari. Karena Next.js prerender semua halaman di server, konten HTML dari setiap halaman siap ketika mencapai browser klien. Konten ini juga dapat memuat lebih cepat. Waktu unggah yang lebih cepat meningkatkan pengalaman pengguna akhir saat menggunakan situs web dan berdampak positif pada peringkat SEO situs tersebut. Prerendering juga meningkatkan SEO dengan memungkinkan bot mesin pencari untuk menemukan dan merayapi konten HTML situs web dengan mudah.
Next.js menyediakan dukungan analitik bawaan untuk mengukur berbagai metrik kinerja, seperti Time to first byte (TTFB) dan First contentful paint (FCP). Untuk informasi selengkapnya Next.js, lihat Memulai
Next.js dukungan fitur
Amplify Hosting compute sepenuhnya mengelola rendering sisi server (SSR) untuk aplikasi yang dibangun dengan versi 12 hingga 15. Next.js
Jika Anda menerapkan Next.js aplikasi ke Amplify sebelum rilis komputasi Amplify Hosting pada November 2022, aplikasi Anda menggunakan penyedia SSR Amplify sebelumnya, Classic (hanya 11). Next.js Amplify Hosting compute tidak mendukung aplikasi yang dibuat menggunakan Next.js versi 11 atau yang lebih lama. Kami sangat menyarankan Anda memigrasikan Next.js 11 aplikasi Anda ke penyedia SSR terkelola komputasi Amplify Hosting.
Daftar berikut menjelaskan fitur spesifik yang didukung oleh penyedia SSR komputasi Amplify Hosting.
Fitur yang didukung
-
Server-side halaman yang dirender (SSR)
-
Halaman statis
-
Rute API
-
Rute dinamis
-
Tangkap semua rute
-
SSG (Generasi statis)
-
Regenerasi Statis Inkremental (ISR)
-
Perutean sub-jalur internasional (i18n)
-
Perutean domain internasional (i18n)
-
Deteksi lokal otomatis internasional (i18n)
-
Middleware
-
Variabel-variabel lingkungan
-
Optimalisasi gambar
-
Next.js 13 direktori aplikasi
Fitur yang tidak didukung
-
Rute API Edge (Middleware tepi tidak didukung)
-
On-DemandRegenerasi Statis Inkremental (ISR)
-
Next.js streaming
-
Menjalankan middleware pada aset statis dan gambar yang dioptimalkan
-
Mengeksekusi kode setelah respons dengan
unstable_after(Fitur eksperimental dirilis dengan Next.js 15)
Next.js gambar
Ukuran output maksimum gambar tidak boleh melebihi 4,3 MB. Anda dapat menyimpan file gambar yang lebih besar di suatu tempat dan menggunakan komponen Next.js Image untuk mengubah ukuran dan mengoptimalkannya ke dalam format Webp atau AVIF dan kemudian menyajikannya sebagai ukuran yang lebih kecil.
Perhatikan bahwa Next.js dokumentasi menyarankan Anda untuk menginstal modul pemrosesan gambar Sharp untuk memungkinkan pengoptimalan gambar berfungsi dengan benar dalam produksi. Namun, ini tidak diperlukan untuk penerapan Amplify. Amplify secara otomatis menyebarkan Sharp untuk Anda.
