Membuat Projek Pertama NextJS

Apa itu NextJS? NextJS adalah salah satu framework populer JavaScript yang berbasis React untuk mengembangkan website secara full-stack, framework ini digunakan oleh banyak perusahaan besar salah satunya adalah TikTok. NextJS menawarkan fitur berlimpah bagi para web developer untuk mengembangkan websitenya.

Tentu saja, website ini juga memakai NextJS sebagai framework-nya😄😄

Persiapan

Yang perlu disiapkan pertama kali tentu saja adalah niat, percuma saja buat projek tapi ga niat, ujung-ujungnya nanti malah terbengkalai :)

Oh ya, pastikan kalian sudah menginstal NodeJS versi 18 keatas, jika belum silahkan cek postingan saya sebelumnya atau cek disini

Membuat projek dengan perintah npx

npx create-next-app@latest projek-saya

Nantinya, akan ada pertanyaan seperti dibawah ini:

Need to install the following packages:
[email protected]
Ok to proceed? (y) y

✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ Would you like your code inside a `src/` directory? … No / Yes
✔ Would you like to use App Router? (recommended) … No / Yes
✔ Would you like to use Turbopack for `next dev`? … No / Yes
✔ Would you like to customize the import alias (`@/*` by default)? … No / Yes

Silahkan kalian sesuaikan sendiri, tapi saran saya lebih baik menggunakan App Router dan TypeScript agar lebih nyaman ngodingnya😁😁

Jika sudah, nanti akan otomatis menginstal package yang diperlukan oleh NextJS itu sendiri.

Masuk ke directory projek

Setelah selesai menginstal package yang diperlukan, masuk ke dalam folder directory projek kalian.

cd projek-saya

Jalankan projek dengan mode development

Projek NextJS kalian sudah terinstall, jalankan projek dalam mode development.

npm run dev

Buka localhost:3000 untuk memastikan projek berjalan.

Cara mem-build projek

Jika projek sudah selesai dan kamu ingin menjalankannya di production pastikan test build terlebih dulu di lokal.

npm run build

Dan jalankan hasil buildnya.

npm start

Kesimpulan

Semoga bermanfaat.