Vercel untuk Vibe 101

Apa ini

Ini checkpoint Vibe 101 untuk jadikan GitHub project kamu live di internet.

Guna Vercel reference kalau perlu explanation yang lebih detail.

Kenapa penting

Untuk Vibe 101, deployment ialah sebahagian daripada finish.

Public URL buktikan project jalan di luar localhost dan boleh share dengan orang lain.

Apa nak buat

Langkah 1 — Check GitHub dulu

Sebelum buka Vercel, confirm:

My latest code is pushed to GitHub.
I can see package.json in the GitHub repository.
Localhost worked before I pushed.

Kalau mana-mana tidak betul, balik ke GitHub Checkpoint.

Langkah 2 — Buat ini manual dalam browser

Step ini perlukan kamu, bukan AI agent:

1. Buka vercel.com.
2. Log in dengan GitHub.
3. Click Add New atau New Project.
4. Pilih Import Git Repository.
5. Pilih repository untuk project ini.
6. Kalau Vercel minta GitHub access, approve access untuk repository ini.
7. Keep detected framework settings.
8. Click Deploy.

Jangan paste Vercel tokens, GitHub tokens, atau private keys ke dalam AI chat.

Langkah 3 — Tunggu build

Vercel akan install dependencies, build project, dan create live URL.

Kalau build berjaya, buka live URL.

Kalau build gagal, jangan terus click deploy berulang kali. Copy build error dan guna prompt di bawah.

Langkah 4 — Test live site

Buka live URL dan check:

1. Homepage load.
2. First visible section masih nampak betul.
3. Links dan buttons masih berfungsi.
4. Site readable pada mobile width.
5. Live URL itu ialah link yang kamu akan share.

Rule finish:

Kalau belum live dan belum check, belum siap.

Apa AI boleh bantu

AI boleh bantu kamu:

• check repo ada files yang betul
• explain Vercel build error
• cadangkan code fix paling kecil
• beritahu apa yang perlu test pada live URL
• sediakan project summary pendek selepas deploy

AI tidak patut log in untuk kamu, approve GitHub access untuk kamu, atau handle secrets.

Kalau Vercel build gagal

Guna prompt ini:

My Vercel deployment failed.

GitHub repository:
[paste repo link]

Build error:
[paste exact Vercel build error]

What worked before:
Localhost worked at http://localhost:3000 before I pushed.

Help me identify the smallest fix.
Do not ask for tokens, passwords, private keys, or environment secrets.

Selepas AI cadangkan fix, buat fix secara local, test localhost semula, push ke GitHub, dan biar Vercel redeploy.

Mistake biasa

• Pilih GitHub repository yang salah.
• Deploy sebelum localhost jalan.
• Ignore build error dan click deploy lagi.
• Tukar framework settings tanpa faham kenapa.
• Share live URL sebelum check sendiri.
• Anggap AI boleh complete browser login atau account permission steps untuk kamu.