กลับไปดูแล้วทำตาม
ตอนที่ 2/2ใช้ Claude Code สร้างเว็บได้ฟรี 100% ไม่ต้องจ่ายรายเดือนสักบาท40 นาที
สร้างเว็บจริงขึ้นเน็ต โดยไม่จ่ายค่า AI สักบาท
ตอนจบของซีซั่น เอาของที่ต่อฟรีไว้จากตอนที่แล้วมาสร้างเว็บร้านหนังสือมือสองขึ้นเน็ตจริงทั้งตอน พังให้ดูกับดักที่คนลืมกันบ่อย เปิดโปรเจคใหม่แล้วของฟรีไม่ตามมาด้วย เพราะผูกอยู่กับโฟลเดอร์เดิม แก้ทีละจุดจนพร้อมใช้จริง แล้วลากขึ้น Netlify Drop จนได้ที่อยู่เว็บที่เปิดจากมือถือเครื่องไหนก็ได้ จบด้วยการบอกตรงๆ ว่าของฟรีแลกอะไรไปบ้าง
กำลังอัดตอนนี้อยู่
บทและคำสั่งพร้อมแล้วด้านล่าง อ่านทำตามไปก่อนได้เลย พออัปคลิปเสร็จจะขึ้นที่นี่
ภารกิจของตอนนี้
จบตอนนี้ เพื่อนๆ จะมีเว็บร้านขึ้นเน็ตจริง เปิดจากมือถือเครื่องไหนก็ได้ ทำทั้งเว็บด้วย Claude Code ที่ต่อฟรีไว้จากตอนที่แล้ว โดยไม่จ่ายค่า AI สักบาท
- ด่าน 1เปิดโปรเจคใหม่ ย้ายของฟรีมาด้วย (ลองพังดู)
- ด่าน 2สั่งสร้างหน้าเว็บจากข้อมูลร้าน
- ด่าน 3แก้ทีละจุดจนพร้อมใช้จริง
- ด่าน 4เอาขึ้นเน็ตจริง
คำสั่งที่ใช้ในตอนนี้
หยุดคลิปแล้วก๊อปไปวางได้เลย เรียงตามลำดับที่ใช้ในคลิป
- 1.ทุกเครื่องด่าน 2 ข้อมูลร้านตัวอย่าง พิมพ์ลงไฟล์ shop.txt ในโฟลเดอร์โปรเจคก่อนสั่ง AI
ร้านหนังสือมือสองบ้านคุณยาย ขายหนังสือมือสอง สามหมวด นิยาย การ์ตูน หนังสือเด็ก ราคาเริ่มต้นเล่มละ 20 บาท เปิดทุกวัน 10:00 ถึง 19:00 อยู่ย่านบางลำพู ติดต่อทางเพจเฟซบุ๊ก หนังสือบ้านคุณยาย - 2.ทุกเครื่องด่าน 2 คำสั่งที่พิมพ์ในหน้าต่าง Claude Code ให้อ่าน shop.txt แล้วสร้างหน้าเว็บ
อ่านไฟล์ shop.txt แล้วช่วยเขียนหน้าเว็บให้หน่อย เป็นไฟล์ HTML ไฟล์เดียวชื่อ index.html ใส่ CSS ไว้ในไฟล์เดียวกัน เปิดบนมือถือแล้วอ่านง่าย ตัวหนังสือใหญ่พอ ห้ามใส่ข้อมูลที่ไฟล์ shop.txt ไม่ได้บอก ถ้าตรงไหนต้องมีข้อมูลเพิ่มให้ใส่วงเล็บว่า (ใส่ข้อมูลตรงนี้) ไว้ - 3.ทุกเครื่องด่าน 3 ตัวอย่างคำสั่งแก้ทีละจุด ใช้แบบนี้ได้กับจุดอื่นที่อยากแก้ด้วย
ช่วยแก้หน่อย ตัวหนังสือบนมือถือเล็กไปอ่านยาก ขยายให้ใหญ่ขึ้น แล้วเพิ่มปุ่มโทรหาร้านไว้ด้านบนสุดของหน้า - 4.ทุกเครื่องด่าน 4 พิมพ์ในแถบที่อยู่ของเบราว์เซอร์ ลากโฟลเดอร์ไปวางในหน้านี้เพื่อขึ้นเน็ต
https://app.netlify.com/drop
การบ้านของตอนนี้
เปลี่ยนข้อมูลร้านใน shop.txt เป็นร้านของตัวเอง แล้วสั่ง Claude Code สร้างเว็บใหม่ทับของเดิม ดูว่าทำได้เร็วขนาดไหนตอนมีตัวอย่างจากตอนนี้แล้ว
ตอนหน้าเปิดด้วยเฉลยข้อนี้
อ่านเจาะลึกต่อ
เรื่องพวกนี้มีเขียนไว้ละเอียดแล้วที่อื่นในเว็บ — คู่มือนี้เลยไม่เขียนซ้ำ
- ใช้ Claude Code โดยไม่ต้องสมัคร Claude Pro — ต่อโมเดลฟรีหลายเจ้าซ้อนกันไว้แทนแผนรายเดือนต้นทางของทั้งซีซั่น ส่วนของฟรีแลกอะไรไปบ้างอยู่ในหน้านี้แบบเต็ม
- ย้ายเว็บที่ทำค้างไว้ในแชต ลงมาเก็บไว้ในเครื่องตัวเองขั้นตอนเอาไฟล์เว็บขึ้นเน็ตแบบละเอียด เผื่อปุ่มใน Netlify เปลี่ยนหน้าตา
- ลง Claude Code ใน VS Code — ไม่ต้องแตะหน้าต่างดำเลยสักครั้งทวนพื้นฐาน Claude Code ผ่าน VS Code ถ้าลืมไปแล้ว
ของที่ dev แนะนำ
เป็นลิงก์ affiliate — ถ้าคุณช้อปผ่านลิงก์นี้ dev ได้ค่าคอมเล็กน้อย โดยราคาคุณเท่าเดิม 🙏
UGREEN Nexode GaN Charger 20W/30W
หัวชาร์จ GaN ตัวเดียวจบทั้งโน้ตบุ๊กและมือถือ ตัวเล็กกว่าหัวเดิมที่แถมมาเยอะ — ถ้ายังไม่มี เริ่มจากตัวนี้ก่อนได้
330 บาทดูบน Shopee
TNW K20 ไมโครโฟนคอนเดนเซอร์ ตัดเสียงรบกวน
งบยังไม่เยอะแต่ไม่อยากให้เสียงแตก — ไมค์คอนเดนเซอร์ตัวเริ่มต้นที่พอสำหรับอัดคลิปสอนหรือประชุมออนไลน์
589 บาทดูบน Shopee
MOFT Trackable Tripod Wallet Invisible Phone Stand MOVAS™ 4-In-1 Magnetic Compatible for iPhone17/16/15/14/13/12 Series ขาตั้งกล้องกระเป๋าสตางค์ที่มองไม่เห็นขาตั้งโทรศัพท์ อุปกรณ์กันหาย Find My
อุปกรณ์เริ่มทำคอนเทนต์/สอนออนไลน์ หารายได้เสริม
2,439 บาทดูบน Shopee
