อธิบายEP.161:08
Vibecode 101 ตอน 2
เอาแอปขึ้นเว็บฟรีด้วย GitHub + Vercel แบบคีย์ไม่หลุด
ของแจกฟรีของคลิปนี้ · PDF 5 หน้า
Vibecode 101 เช็กลิสต์ก่อน deploy
เช็กความลับก่อนอัป + พรอมต์ให้ Claude เอาขึ้น GitHub + ขั้นตอน Vercel + วิธีแก้เมื่อติด
ใจความสำคัญ
- 01ปี 2024 มีรหัสลับหลุดบน GitHub สาธารณะ 23.8 ล้านครั้ง (GitGuardian) — เช็กก่อนอัปทุกครั้ง
- 02ต้องมี 2 บัญชี: GitHub ไว้เก็บโค้ด และ Vercel ไว้เปิดเป็นเว็บ สมัครฟรีทั้งคู่
- 03ขั้น 1: ให้ Claude เช็กว่าไม่มีคีย์ในโค้ด และ .env อยู่ใน .gitignore / ขั้น 2: สั่งให้เอาขึ้น GitHub แบบ private
- 04ขั้น 3: Vercel → ล็อกอินด้วย GitHub → Add New Project → Import → Deploy / ขั้น 4: ได้ลิงก์ .vercel.app ส่งให้เพื่อนได้
- 05ขั้น 5: แก้แล้ว commit + push ขึ้น GitHub เว็บจะ deploy เวอร์ชันใหม่ให้เอง
- 06แพ็กเกจฟรี (Hobby) ใช้ได้เฉพาะงานส่วนตัว ไม่ใช่เชิงพาณิชย์ เกินโควตา (เช่นรับส่งข้อมูล 100 GB/เดือน) ส่วนใหญ่ต้องรอ 30 วัน
ที่มา: GitGuardian State of Secrets Sprawl 2025 · vercel.com/docs/plans/hobby · vercel.com/docs/git/vercel-for-github