Localhost Checkpoint

Apa ini

Localhost ialah private preview untuk project pelajar.

Checkpoint ini confirm project boleh run sebelum feature work bermula.

Kenapa penting

Kalau localhost rosak, semua step selepas itu jadi confusing.

Fix setup dulu. Jangan build atas project yang belum boleh buka dalam browser.

Apa nak buat

Buka terminal dalam project folder.

Mula-mula check folder ada package.json.

Kemudian run:

npm install
npm run dev

Biarkan terminal itu terbuka.

Buka:

http://localhost:3000

Pelajar mesti nampak page dalam browser sebelum sambung.

Jangan suruh AI build first section lagi. Page ini hanya untuk prove project boleh run.

Kalau ada error, paste exact message kepada AI:

My project does not run on localhost.

Command I ran:
[paste command]

Error:
[paste full error]

Expected:
I should be able to open http://localhost:3000

Fix this one step at a time.

Bila localhost sudah jalan, biarkan terminal terus running. Kamu akan guna browser preview itu dalam step seterusnya.

Mistake biasa

• Run command dalam folder yang salah.
• Tutup terminal yang sedang run npm run dev.
• Buka localhost sebelum install habis.
• Ignore error dan terus suruh AI build feature.
• Pergi ke build step sebelum browser preview berfungsi.