Start with GitLab.
Work like a developer. เริ่มต้น GitLab
แบบที่ Developer ใช้งานจริง

1. Your work → Projects → Create new project → Create blank project on GitLab.com.Your work → Projects → Create new project → สร้าง Blank Project บน GitLab.com
2. Visibility Level: Private เลือก Private
3. Leave Initialize repository with a README unchecked.ไม่ต้องเลือก Initialize repository with a README
4. Copy the HTTPS clone URL.Copy Clone URL แบบ HTTPS
5. Open Terminal in the Kiro project folder and connect it to GitLab.เปิด Terminal ในโฟลเดอร์ Kiro แล้วเชื่อมเข้ากับ GitLab

git init
git branch -M main
git remote add origin <your GitLab HTTPS URL>

git remote -v

origin  https://gitlab.com/username/project.git (fetch)
origin  https://gitlab.com/username/project.git (push)

1. Open Kiro's AI chat and run a prompt such as Create a README.md file describing this project.เปิดหน้า AI Chat ของ Kiro แล้วรัน Prompt เช่น Create a README.md file describing this project
2. Let Kiro generate readme.md and review the content it created.ปล่อยให้ Kiro สร้างไฟล์ readme.md แล้วอ่านตรวจสอบเนื้อหาที่ถูกสร้างขึ้น
3. Open Source Control and confirm readme.md appears as a new, untracked file.เปิด Source Control แล้วตรวจสอบว่ามีไฟล์ readme.md ขึ้นเป็นไฟล์ใหม่ (untracked)
4. Review the diff before committing.ดู Diff ว่าแก้อะไรไปบ้างก่อน Commit
5. Enter a message such as Add README.md and click the plain Commit button — this is your first commit.ใส่ข้อความ เช่น Add README.md แล้วกดปุ่ม Commit ธรรมดา — นี่คือ Commit แรกของคุณ
6. Check the project folder to confirm readme.md actually exists on disk and was included in the commit.ตรวจสอบโฟลเดอร์โปรเจกต์ว่ามีไฟล์ readme.md อยู่จริง และถูกรวมอยู่ใน Commit

git log --stat -1

git push --set-upstream origin main

1. Open the same project in GitLab Web IDE.เปิด Project เดิมผ่าน GitLab Web IDE
2. Pretend this browser session is Developer B.สมมติว่า Web IDE นี้คือ Developer B
3. Change one obvious text value, for example a heading or footer.แก้ข้อความที่สังเกตเห็นง่าย เช่น Heading หรือ Footer
4. Commit the change directly in Web IDE.Commit การเปลี่ยนแปลงผ่าน Web IDE

git pull

1. Return to Kiro.กลับมาที่ Kiro
2. Run git pull.รัน git pull
3. Open the HTML file again and find the text changed in Web IDE.เปิดไฟล์ HTML แล้วหา Text ที่เพิ่งแก้จาก Web IDE

1. In Kiro, click the branch name in the bottom-left status bar (or open Source Control → Branches).ใน Kiro คลิกชื่อ Branch ที่มุมล่างซ้าย (หรือเปิด Source Control → Branches)
2. Choose Create new branch and name it update-homepage, created from main.เลือก Create new branch แล้วตั้งชื่อ update-homepage โดยแตกจาก main
3. Edit a small part of index.html.แก้ไขข้อความเล็กน้อยในไฟล์ index.html
4. Review the diff.ดู Diff ว่าแก้อะไรไปบ้าง
5. Commit with a clear message such as Update homepage title.ใส่ข้อความ เช่น Update homepage title แล้ว Commit

git checkout -b update-homepage

1. Push your branch to GitLab first: git push --set-upstream origin update-homepage (or click Sync/Publish Branch in Kiro).Push Branch ขึ้น GitLab ก่อน: git push --set-upstream origin update-homepage (หรือกด Sync/Publish Branch ใน Kiro)
2. On GitLab, go to Code → Merge requests → New merge request.บน GitLab ไปที่ Code → Merge requests → New merge request
3. Set Source branch = update-homepage and Target branch = main. Double-check this order — swapping them is the most common mistake.ตั้งค่า Source branch = update-homepage และ Target branch = main ตรวจสอบลำดับให้ดี — สลับผิดคือข้อผิดพลาดที่พบบ่อยที่สุด
4. Click Compare branches and continue.กด Compare branches and continue
5. Enter a Title such as Update homepage, then click Create merge request.ใส่ Title เช่น Update homepage แล้วกด Create merge request
6. Open the Changes tab and check exactly what lines were added or removed.เปิดแท็บ Changes แล้วตรวจว่าบรรทัดไหนถูกเพิ่ม/ลบ
7. Confirm the change is what you intended, then continue to LAB 07 before merging.ตรวจว่าตรงกับที่ตั้งใจแก้ แล้วไปทำ LAB 07 ต่อก่อนจะ Merge

stages:
  - test

check-html:
  stage: test
  image: alpine:latest
  script:
    - test -f index.html
    - echo "index.html found"

1. Create .gitlab-ci.yml on your feature branch (the same one from LAB 06).
2. Commit the file — this updates the open Merge Request automatically.
3. Open the Merge Request and watch the pipeline run.
4. Wait for the pipeline to show Passed.
5. Continue to LAB 08 to add the deploy job — do not merge yet.ไปทำ LAB 08 ต่อเพื่อเพิ่ม Deploy Job ก่อน — ยังไม่ต้อง Merge

stages:
  - test
  - deploy

check-html:
  stage: test
  image: alpine:latest
  script:
    - test -f index.html
    - echo "index.html found"

deploy-pages:
  stage: deploy
  image: alpine:latest
  script:
    - mkdir -p public
    - cp index.html public/index.html
  pages: true
  rules:
    - if: '$CI_COMMIT_BRANCH == "main"'

1. Update .gitlab-ci.yml with the deploy job above, on the same feature branch from LAB 06/07.ปรับ .gitlab-ci.yml โดยเพิ่ม Deploy Job ด้านบน บน Feature Branch เดิมจาก LAB 06/07
2. Commit the change — the same open Merge Request updates automatically.Commit Change — Merge Request เดิมที่เปิดอยู่จะอัปเดตให้อัตโนมัติ
3. Wait for the CI check to pass, then merge into main (this is the only merge for this feature).รอ CI Check ผ่าน แล้ว Merge เข้า main (Merge แค่ครั้งเดียวสำหรับงานนี้)
4. The pipeline on main runs again and executes the GitLab Pages deployment.Pipeline บน main จะรันอีกรอบและทำ GitLab Pages Deployment
5. Open Deploy → Pages and open the generated website URL.ไปที่ Deploy → Pages แล้วเปิด Website URL ที่ระบบสร้างให้