Membuat Project Baru dengan Next Js

https://codingrakitan.blogspot.com/2022/10/membuat-project-baru-dengan-next-js.html Next Js merupakan framework frontend berbasis React. Framework ini di ciptakan untuk mengatasi masalah client-side rendering yang dimiliki React.

Seperti yang diketahui website yang dibuat menggunakan React Js terasa lebih ringan. Hal ini dikarenakan React lebih efisien dalam mengupdate halaman, dimana yang di update hanya bagian tertentu saja tanpa meload satu halaman. Untuk mendapatkan semua itu client pertama kali harus memuat semua file javascript sebelum konten halaman di tampilkan. Jika file Js cukup besar maka perlu waktu yang lama untuk meload website pertama kali. Hal inilah yang menjadi salah satu kekurangan dari React Js.

Untuk mengatasi masalah tersebut dapat menggunakan teknik pre-rendering yaitu Server Side Rendering (SSR) dan Static Side Generator. Next js mendukung untuk melakukan kedua teknik pre-rendering tersebut.

Membuat Project Baru Next Js

Berikut langkah-langkah untuk membuat project baru dengan Next js

Jalankan perintah berikut pada CMD, atau Terminal

    npx create-next-app hello

"hello" merupakan nama project

Jika muncul seperti pada gambar, tekan enter, hal ini untuk menginstall dependencies yang dibutuhkan.

Untuk menjalankan project masuk ke folder project yang telah dibuat menggunakan terminal kemudian ketikkan perintah berikut

npm run dev

Bagikan artikel ke:

Facebook Google+ Twitter