next.js

Next JS Part 1 (Alasan dan Cara Instalasi)

Rika Amijayanti
1 min readJun 2, 2022

--

Next JS adalah framework dari React JS untuk membangun sebuah website dengan server side rendering. Server Side Rendering (SSR) artinya kemampuan sebuah aplikasi untuk mengubah HTML file pada server menjadi HTML yang sudah di render untuk client. Manfaat dari SSR Sendiri adalah dapat membuat halaman dimuat dengan lebih cepat dan meningkatkan pengalaman pengguna.

Untuk mengetahui bagaimana cara menggunakan Next JS, mari kita langsung saja mencobanya. Sebelum itu pastikan dulu kalau kamu sudah menginstall node.js versi 12 keatas. Untuk kamu yang belum install silahkan untuk mendownload di link node.js ini.

Selanjutnya pada terminal silahkan ketikkan: npx create next-app (namafolder) setelah itu silahkan arahkan direktori ke folder yang sudah anda buat cd (namafolder) kemudian bukalah visual studio code anda, untuk memudahkan dilahkan ketikkan saja code . pada terminal anda dan otomatis visual studio code anda akan terbuka.

Untuk menjalankan menjalankan kode anda pada pada browser silahkan ketikkan npm run dev pada terminal dan bukalah localhost:3000 maka anda akan melihat tampilan bawaan pada Next.JS

Sekian artikel tentang cara instalasi dan alasan kita perlu menggunakan Next JS. Berikutnya saya akan menulis tentang direktori — direktori yang ada di Next JS.

--

--

Rika Amijayanti

Javascript Fullstack Developer. I Love Express Js and React.