Project Foundation

Apa ini

Project Foundation ialah checkpoint untuk tukar project brief jadi files sebenar.

Goal dia bukan build seluruh website lagi. Goal dia ialah create project folder, confirm stack, dan prepare first clean build step.

Kenapa penting

Beginner selalu suruh AI build semua benda sekali.

Bila itu berlaku, project jadi susah faham, susah debug, dan senang rosak.

Foundation step pastikan build masih kecil dan pelajar boleh follow.

Apa nak buat

Buka IDE. Pastikan dua file ini ada dalam project folder:

project-brief.md
design-spec.md

Guna prompt ini:

We are starting the project foundation for my Vibe 101 website.

Before writing code, read these files:
- project-brief.md
- design-spec.md

Use them as the source of truth.

Task:
Create or inspect the project foundation only.

Do only these things:
1. Confirm the stack from the project brief
2. Confirm the folder structure
3. Create only the starter files needed to run the project
4. Add the basic layout direction from the design spec
5. Tell me which file we will edit first

Do NOT build all features yet.
Do NOT add login, database, payment, or backend features.
Do NOT make the design fancy yet.
Explain the files in beginner-friendly language.

Check project folder ada starter files yang betul.

Untuk Next.js project, cari:

• package.json
• src atau app
• public
• config file seperti next.config

Sebelum teruskan, tanya AI:

Explain the folder structure in beginner-friendly terms.

Tell me:
- where pages live
- where styling lives
- where images/assets live
- which file we will edit first

Mistake biasa

• Build semua 3 feature sebelum pelajar faham files.
• Tambah Supabase atau login sebelum localhost jalan.
• Biarkan AI create folder structure yang terlalu complex.
• Teruskan tanpa check package.json wujud.