Kelebihan Next JS

Dengan develop website/SPA dengan menggunakan next js, banyak sekalai benefit yang kita dapat.

beberapa kelibihan menurut saya Sbb:

1. Support SSR (Server side Rendering)

Server-side rendering (SSR) adalah teknik merender halaman web di server, bukan di browser. Saat JavaScript situs web dirender di server situs web, halaman yang dirender sepenuhnya dikirim ke klien dan bundel JavaScript klien terlibat dan mengaktifkan kerangka Aplikasi Halaman Tunggal untuk beroperasi.

Dengan adanya fitur ini untuk optimasi SEO dengan baik.

2. Built-In CSS Support

Next js sudah support buildin css, sehingga dalam melakukan styling ke komponen atau element akan lebih mudah

3. Image Optimization

Komponen Next.js Image, next/image, adalah ekstensi dari elemen HTML, yang dikembangkan untuk web modern. Ini mencakup berbagai pengoptimalan kinerja bawaan untuk membantu Anda mencapai Data Web Inti yang baik. Skor ini merupakan ukuran penting dari pengalaman pengguna di situs web Anda, dan diperhitungkan dalam peringkat pencarian Google.

Beberapa pengoptimalan yang dibangun ke dalam komponen Gambar meliputi:

  • Performa yang Ditingkatkan: Selalu sajikan gambar dengan ukuran yang benar untuk setiap perangkat, menggunakan format gambar modern
  • Stabilitas Visual: Mencegah Pergeseran Tata Letak Kumulatif secara otomatis
  • Pemuatan Halaman Lebih Cepat: Gambar hanya dimuat saat memasuki viewport, dengan placeholder blur-up opsional
  • Fleksibilitas Aset: Pengubahan ukuran gambar sesuai permintaan, bahkan untuk gambar yang disimpan di server jarak jauh

4. Fast Refresh

Dengan fitur ini kita bisa dengan cepat melihat perubahan yang kita lakukan, sehingga mempercepat dalam development

5. Performa yang baik dengan Code Splitting

Code splitting adalah memecah bundle js code kita menjadi file yang lebih kecil dan menjadi banyak, sehingga ketika kita load sebuah fitur atau halaman maka tidak semua js kita load. Hanya file js yang di perlukan saja sehingga menghasilkan peforma yang baik

6. Kemudahan Membuat Pages/Route

Fitur ini memudahkan kita untuk membuat Route, karena ketika ingin membuat route kita hanya cukup membuat file di folder pages

Ini hanya pendapat saja ya. kalau kurang bisa di tambahkan. 🙂

About the Author

You may also like these