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 title

1. Create a Merge Request from update-homepage to main.
2. Open the Changes tab.
3. Check exactly what lines were added or removed.
4. Confirm the change is what you intended.

stages:
  - test

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

1. Create .gitlab-ci.yml.
2. Commit the file to your feature branch.
3. Open the Merge Request and watch the pipeline run.
4. Wait for the pipeline to show Passed.
5. Merge the Merge Request into main.

stages:
  - test
  - deploy

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

deploy-pages:
  stage: deploy
  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.ปรับ .gitlab-ci.yml โดยเพิ่ม Deploy Job ด้านบน
2. Commit the change to the feature branch and update the Merge Request.Commit Change ลง Feature Branch และ Update Merge Request
3. Wait for the CI check to pass, then merge into main.รอ CI Check ผ่าน แล้ว Merge เข้า main
4. The pipeline on main runs the GitLab Pages deployment.Pipeline บน main จะรัน GitLab Pages Deployment
5. Open Deploy → Pages and open the generated website URL.ไปที่ Deploy → Pages แล้วเปิด Website URL ที่ระบบสร้างให้