Pengertian, Fitur dan cara kerja Next JS

Apa Itu Next JS?

Membangun sebuah SPA salah satunya bersama manfaatkan React JS. Salah satu kelebihannya adalah komponen sanggup digunakan kembali, virtual DOM, serta berlebihan lainnya. Namun, dalam permasalah SPA tersedia pada segi klien. Saat satunya saat halaman situs diakses, maka halaman selanjutnya dapat perlu saat yang memadai lama. Hal ini gara-gara seluruh file Javascript mesti diload dan situs terssebut mesti memilih apa saja yang dapat ditampilkan ke dalam halaman.

Sehingga munculah Next.js. Next.js merupakan Framework React untuk Server-side Rendering. Loh? bukannya React JS itu juga framework? Tergantung definisi, React JS itu sanggup pula disebut pustaka/library untuk membangun sebuah user interface. Nah, Next.js ini frameworknya React JS untuk menanggulangi masalah sehingga React sanggup Server-side Rendering.

Fitur Next JS

1. Memiliki CSS bawaan

Next.js punyai CSS bawaan sehingga fitur ini sanggup memudahkan proses mengimpor dokumen dari dokumen JavaScript. Next.js secara otomatis manfaatkan styled-jsx sehingga CSS sanggup dibuka secara otomatis pula.

2. Penyajian dokumen statis

Fitur khusus yang tersedia dalam Next.js adalah sanggup menyajikan dokumen berwujud statis layaknya gambar. Dokumen ini disebut root index yang di dalamnya juga terkandung dokumen terbuka dan merujuk pada pengkodean URL dasar.

3. Pemisahan kode otomatis

Fitur basic Next.js merupakan laman yang ditampilkan hanya bersama library dan JavaScript dan tidak relevan lagi. Sebabnya, daripada menyebabkan suatu pengkodean aplikasi berbasis JavaScript, pengembang jejaring sanggup mengatasi aplikasi secara alami bersama Next.js.

Cara Kerja Next JS

Next.js punyai cara kerja bersama tahapan proses layaknya rendering situs jejaring pada server untuk memudahkan mesin peramban dalam mencari laman situs yang diminta. Setelahnya, server dapat memberi respons dan menampilkan laman situs jejaring bersama format HTML.

Secara khusus, Next.js punyai kapabilitas yang termasuk JavaScript, HTML, dan juga React. Dengan ada ketiga perihal ini dalam Next.js maka mesin peramban tidak mesti jalankan manipulasi pada DOM (Document Object Model) pada React dan JavaScript. Jika manfaatkan platform lain, mesin peramban mesti memanipulasi DOM pada React dan JavaScript untuk sanggup menampilkan HTML.