Amplify dukungan untuk Next.js - AWS Amplify Hosting
Dukungan fitur Next.js

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 render () SSR sisi server yang dibuat menggunakan Next.js. Next.js adalah kerangka kerja React untuk mengembangkan SPAs dengan JavaScript. Anda dapat menerapkan aplikasi yang dibangun dengan Next.js 14 dengan fitur seperti optimasi gambar dan middleware.

Pengembang dapat menggunakan Next.js untuk menggabungkan pembuatan situs statis (SSG), dan SSR dalam satu proyek. SSGhalaman diprarender pada waktu pembuatan, dan SSR halaman diprarender pada waktu permintaan.

Prerendering dapat meningkatkan performa dan optimasi mesin pencari. Karena Next.js memprerender semua halaman di server, HTML konten setiap halaman siap ketika mencapai browser klien. Konten ini juga dapat memuat lebih cepat. Waktu muat yang lebih cepat meningkatkan pengalaman pengguna akhir dengan situs web dan berdampak positif pada SEO peringkat situs. Prerendering juga meningkat SEO dengan memungkinkan bot mesin pencari untuk menemukan dan merayapi konten situs web dengan mudah. HTML

Next.js menyediakan dukungan analitik bawaan untuk mengukur berbagai metrik kinerja, seperti Time to first byte (TTFB) dan First contentful paint (). FCP Untuk informasi lebih lanjut tentang Next.js, lihat Memulai di situs web Next.js.

Dukungan fitur Next.js

Amplify Hosting compute sepenuhnya mengelola rendering sisi server (SSR) untuk aplikasi yang dibangun dengan Next.js 12, 13, dan 14. Jika Anda menerapkan aplikasi Next.js ke Amplify sebelum rilis komputasi Amplify Hosting, aplikasi Anda menggunakan penyedia Amplify SSR sebelumnya, Classic (hanya Next.js 11). Amplify Hosting compute tidak mendukung aplikasi yang dibuat menggunakan Next.js versi 11 atau yang lebih lama. Kami sangat menyarankan agar Anda memigrasikan aplikasi Next.js 11 Anda ke penyedia terkelola komputasi SSR Amplify Hosting.

Daftar berikut menjelaskan fitur spesifik yang didukung oleh penyedia komputasi SSR Amplify Hosting.

Fitur yang didukung

  • Halaman yang dirender sisi server () SSR

  • Halaman statis

  • APIrute

  • Rute dinamis

  • Tangkap semua rute

  • SSG(Generasi statis)

  • Regenerasi Statis Inkremental () ISR

  • Perutean sub-jalur internasional (i18n)

  • Perutean domain internasional (i18n)

  • Deteksi lokal otomatis yang diinternasionalisasi (i18n)

  • Middleware

  • Variabel-variabel lingkungan

  • Optimalisasi gambar

  • Next.js 13 direktori aplikasi

Fitur yang tidak didukung

  • APIRute Tepi (Middleware tepi tidak didukung)

  • Regenerasi Statis Inkremental Sesuai Permintaan () ISR

  • Next.js Streaming

  • Menjalankan middleware pada aset statis dan gambar yang dioptimalkan

Gambar Next.js

Ukuran output maksimum gambar tidak boleh melebihi 4,3 MB. Anda dapat menyimpan file gambar yang lebih besar di suatu tempat dan menggunakan komponen Gambar Next.js untuk mengubah ukuran dan mengoptimalkannya menjadi Webp atau AVIF format dan kemudian menyajikannya sebagai ukuran yang lebih kecil.

Perhatikan bahwa dokumentasi Next.js menyarankan Anda untuk menginstal modul pemrosesan gambar Sharp agar pengoptimalan gambar berfungsi dengan benar dalam produksi. Namun, ini tidak diperlukan untuk penerapan Amplify. Amplify secara otomatis menyebarkan Sharp untuk Anda.