Скачать или смотреть Vibe coding สร้าง Sale page มี Contact form แบบไม่ต้องเขียน Code เองด้วย Bolt.new

Workshop สอนใช้งาน Bolt.new แพลตฟอร์ม Agentic AI ที่เราสามารถเขียน Prompt เพื่อสร้างเว็บไซต์ได้ทันที ใช้งานได้ฟรี โดยใน Workshop นี้จะพาสร้าง Sale page ที่มี Contact form สำหรับให้ผู้ใช้งานส่งข้อมูลให้ทีมติดต่อกลับ โดย Host เว็บไซต์ และเก็บข้อมูล Contact form ด้วย Netlify

เอกสารประกอบ Workshop https://datayolk.net/vibe-coding/crea...

ตัวอย่างเว็บไซต์ที่เสร็จแล้ว https://helix-consulting.netlify.app/

〉Table of content อยากฟังหัวข้อไหนก่อนคลิกเลย!
00:00 Introduction
05:29 แนะนำ Short note
08:14 Project overview
09:27 Business requirements
10:28 Cost breakdown
15:55 Task breakdown
18:05 Project prerequisite
19:18 เตรียม Prompt สำหรับใช้งานกับ Bolt.new
32:27 Prompt เพื่อสร้าง Website ด้วย Bolt.new
38:09 แก้ไขข้อความผ่านการใช้ Code editor ใน Bolt.new
42:51 แก้ไข / เพิ่มรูปภาพผ่านการใช้ Code editor และ Inspector mode ใน Bolt.new
51:05 แก้ไข Theme ของ Website ผ่านการใช้ Code editor ใน Bolt.new
55:36 Prompt เพิ่มเติมเพื่อแก้ไข Website ส่วนที่มีความซับซ้อน
58:53 เชื่อมต่อ Bolt.new กับ Netlify
1:04:05 ตั้งค่า Custom domain name ใน Netlify
1:06:25 แหล่งอ้างอิง และความรู้อื่น ๆ ที่เกี่ยวข้อง
1:09:19 แนวทางการต่อยอดและข้อจำกัดของ Project
1:16:25 Wrap up

ติดต่อสอบถาม หรือสนใจใช้บริการของเรา ติดต่อ [email protected] หรือ   / datayolk