บทที่ 4: การนำเว็บขึ้นออนไลน์ด้วย Vercel

ขั้นตอนอย่างละเอียด

1. เตรียมไฟล์ให้พร้อม

ตรวจสอบว่าโฟลเดอร์ในคอมพิวเตอร์ของคุณมีไฟล์ชื่อ index.html บันทึกอยู่เรียบร้อยแล้ว

2. สมัครใช้งาน Vercel

1. เข้าเว็บไซต์ vercel.com
2. กดปุ่ม Sign Up
3. เลือกสมัครด้วย Continue with Google หรือ Continue with GitHub
4. ทำตามขั้นตอนการยืนยันตัวตนจนเข้าสู่หน้าแดชบอร์ดหลัก

3. อัปโหลดไฟล์โดยไม่ต้องใช้ Git (Deploy without Git)

1. ในหน้าแดชบอร์ดหลัก กดปุ่ม Add New… ที่มุมขวาบน > เลือก Project
2. ในหน้าต่างถัดมา ให้มองหาข้อความเล็กๆ ด้านล่างพื้นที่นำเข้า หรือกรอบที่เขียนว่า “Deploy without Git” (หรือลากโฟลเดอร์มาวางลงในพื้นที่อัปโหลดแบบ Direct Upload)
3. ลากโฟลเดอร์โปรเจกต์ที่มีไฟล์ index.html มาวางลงในพื้นที่ดังกล่าว

4. ตั้งชื่อและกดยืนยัน

1. Project Name: ตั้งชื่อเว็บไซต์ของคุณ (ใช้อักษรภาษาอังกฤษตัวพิมพ์เล็กและขีดกลาง)
2. Framework Preset: ปล่อยไว้เป็น Other
3. กดปุ่มสีดำ Deploy

5. สำเร็จการติดตั้ง

รอระบบทำงานประมาณ 10-15 วินาที คุณจะพบกับหน้าจอแสดงความยินดี (🎉 Congratulations!) ให้กดปุ่ม Continue to Dashboard จากนั้นกดปุ่ม Visit ด้านบนเพื่อเปิดดูหน้าเว็บไซต์จริงของคุณซึ่งจะลงท้ายด้วย .vercel.app