Gas Ngoding: Install Next.js Pertama Lu!

Halo guys! Di log kali ini, gua mau share gimana caranya nge-bangun markas alias setup project Next.js dari nol. Kalo lu ngerasa ngebangun web pake React biasa udah mulai keteteran ngurusin routing, Next.js ini ibarat lu dapet upgrade armor yang auto-GG!

Sebelum mulai ritual, pastiin di laptop lu udah ke-install Node.js ya. Ibarat motor, Node.js itu bensinnya. Kalo belom ada, mesinnya ga bakal nyala wkwk.

Mantra Sihirnya

Kalo Node.js udah aman, lu tinggal buka terminal kesayangan lu, terus ketik mantra pemanggil ini:

npx create-next-app@latest my-web

(Catatan: my-web itu nama folder project lu, bebas lu mau ganti nama apa aja, asal jangan pake spasi ya guys).

Begitu lu Enter, si Next.js bakal nanya-nanya beberapa setting-an ala NPC ngasih quest di awal game. Kalo bingung, pilih aja Yes buat semuanya, apalagi buat opsi TypeScript, Tailwind CSS, sama App Router. Tiga itu udah combo maut developer jaman now guys!

Nyalain Mesin!

Kalo loading download-nya udah kelar (ini tergantung amal ibadah dan speed Wi-Fi lu yak), lu tinggal masuk ke foldernya dan nyalain server lokalnya:

cd my-web
npm run dev

Sekarang lu buka browser dan ketik http://localhost:3000. Kalo muncul logo Next.js yang muter-muter, selamat guys! Lu udah resmi naik level! 🎉

Gampang banget kan? Selamat website pertama kalian pakai Next.js sudah berhasil.🚀