PATIPHAN DEV
หน้าแรกคอร์สเรียนผลงานสินค้าบทความเกี่ยวกับผมติดต่อ
เข้าสู่ระบบ
AI Full Stack Developer
ความคืบหน้า0/15 บทเรียน (0%)

บทที่ 1 · ปูพื้นฐาน AI-Driven Development

  • แนะนำคอร์ส + สิ่งที่คุณจะสร้างได้12 นาที
  • ติดตั้งเครื่องมือ: Claude Code / Cursor / Node.js20 นาที
  • หลักการสั่งงาน AI ให้ได้ code ระดับ production25 นาที

บทที่ 2 · สร้างเว็บแรกด้วย Next.js + AI

  • โครงสร้างโปรเจกต์ Next.js ที่ AI ทำงานด้วยได้ดี18 นาที
  • สร้าง landing page ด้วย AI ใน 30 นาที30 นาที
  • Tailwind + responsive design แบบมืออาชีพ22 นาที

บทที่ 3 · Database & Auth ด้วย Supabase

  • ออกแบบ database schema ให้ถูกตั้งแต่แรก20 นาที
  • Auth + Row Level Security25 นาที
  • สร้างระบบ CRUD จริงทั้ง flow28 นาที

บทที่ 4 · เชื่อม AI เข้าแอปของคุณ

  • เรียกใช้ LLM API จากแอปของคุณ20 นาที
  • สร้างฟีเจอร์ AI chat แบบ streaming30 นาที
  • จัดการ cost และ token ไม่ให้บานปลาย15 นาที

บทที่ 5 · Deploy & Workshop

  • Deploy ขึ้น production บน Vercel18 นาที
  • Custom domain + environment variables15 นาที
  • Workshop: สร้าง SaaS จริงตั้งแต่ต้นจนจบ60 นาที
100%
แนะนำคอร์ส + สิ่งที่คุณจะสร้างได้

แนะนำคอร์ส + สิ่งที่คุณจะสร้างได้

ใช้เวลาประมาณ 12 นาที

ในบทนี้

  1. 1.คอร์สนี้เหมาะกับใคร
  2. 2.สิ่งที่คุณจะสร้างได้เมื่อจบคอร์ส
  3. 3.เครื่องมือที่เราจะใช้
  4. 4.วิธีเรียนให้ได้ผลที่สุด

แนะนำคอร์ส: AI Full Stack Developer

ยินดีต้อนรับสู่คอร์สที่จะเปลี่ยนวิธีการสร้างซอฟต์แวร์ของคุณไปตลอดกาล

คอร์สนี้เหมาะกับใคร

  • คนที่เขียนโปรแกรมเป็นพื้นฐาน และอยากใช้ AI เร่งความเร็วการทำงาน 5-10 เท่า
  • Developer ที่อยากขยับจาก frontend หรือ backend อย่างเดียว ไปเป็น full stack
  • คนที่มีไอเดีย SaaS อยู่ในหัว แต่ไม่เคยลงมือสร้างจนจบ

สิ่งที่คุณจะสร้างได้เมื่อจบคอร์ส

เราไม่ได้สอนแค่ทฤษฎี — ตลอดคอร์สคุณจะได้ลงมือสร้างของจริงทีละชิ้น:

  1. เว็บไซต์ landing page ที่สวยและ responsive ภายใน 30 นาที (บทที่ 2)
  2. ระบบสมาชิก + ฐานข้อมูล ด้วย Supabase Auth และ Row Level Security (บทที่ 3)
  3. ฟีเจอร์ AI chat ที่ stream คำตอบแบบ real-time (บทที่ 4)
  4. SaaS ที่ deploy ขึ้น production จริง พร้อม custom domain (บทที่ 5)

เครื่องมือที่เราจะใช้

เครื่องมือใช้ทำอะไร
Claude Code / CursorAI pair programmer หลักของเรา
Next.js + Reactโครงหลักของเว็บแอป
Tailwind CSSจัดหน้าตาให้สวยเร็ว
SupabaseDatabase, Auth, API ในที่เดียว
Vercel

บทถัดไป

ติดตั้งเครื่องมือ: Claude Code / Cursor / Node.js

ใช้เวลาประมาณ 20 นาที

Deploy ขึ้น production ฟรี

ยังไม่ต้องติดตั้งอะไรตอนนี้ — บทถัดไปเราจะ setup ทุกอย่างไปพร้อมกันทีละขั้น

วิธีเรียนให้ได้ผลที่สุด

  • ลงมือทำตามทุกบท อย่าแค่อ่านผ่าน — ความเข้าใจเกิดตอนที่มือคุณพิมพ์เอง
  • ทำ workshop ท้ายคอร์สด้วยไอเดียของคุณเอง ไม่ต้องเหมือนตัวอย่างในบทเรียน
  • ติดตรงไหน ให้ถาม AI ก่อน — นี่คือ skill ที่คอร์สนี้ตั้งใจฝึกให้คุณ

พร้อมแล้ว ไปเริ่มบทถัดไปกันเลย