Who is AI Next.js Fullstack Workshop for, and what background is needed?

Built for Web developers who want to make their AI-assisted work systematic · Frontend developers moving into backend and database work · Anyone with HTML, CSS and JavaScript fundamentals who wants to start with Next.js Background you should have: HTML, CSS and JavaScript fundamentals sufficient to read and edit code · Experience building a web page or small web app (Next.js experience not required) Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does AI Next.js Fullstack Workshop cost and how long does it run?

THB 5,900 (currently THB 5,310 on promotion). The course runs 6 hours. The price excludes 7% VAT (for payment in a company's name). Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.

ພັດທະນາເວັບໄຊ · WDC-116

AI Next.js Fullstack Workshop พัฒนาเว็บแอปยุคใหม่ร่วมกับ AI Agent

หลักสูตร AI Next.js Fullstack Workshop เป็นการอบรมแบบเวิร์กชอปสำหรับนักพัฒนาที่วาง Workflow ร่วมกับ AI Agent ตั้งแต่ออกแบบ UI ด้วย AI, MCP และ Spec-Driven Development จนถึง Next.js, Prisma และ Supabase เหมาะกับนักพัฒนาเว็บและ Frontend Developer ที่อยากทำ Backend จบแล้ว Deploy เว็บแอปขึ้น Production ได้

ອັບເດດລ່າສຸດ 21 ສ.ຫ. 2026

AI Next.js Fullstack Workshop พัฒนาเว็บแอปยุคใหม่ร่วมกับ AI Agent

ລາຄາເລີ່ມຕົ້ນ 5,310 ບາດ / ທ່ານ 5,900 −10% ຍັງບໍ່ລວມ VAT 7% · ມີລາຄາໝູ່ຄະນະ

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ ລົງຊື່ຈອງໄວ້

PDFດາວໂຫຼດ Course Outline

ໄລຍະເວລາ6 ຊົ່ວໂມງ · 1 ມື້
ຮູບແບບຢູ່ສະຖາບັນ / ອອນລາຍສົດ
ຮອບຕໍ່ໄປເປີດຕາມຄຳຂໍ
ໃບຢັ້ງຢືນມີໃບຢັ້ງຢືນ

ພາບລວມຫຼັກສູດ

นักพัฒนาส่วนใหญ่เริ่มใช้ AI ช่วยเขียนโค้ดกันแล้ว แต่ยังใช้ในลักษณะถามทีละคำถามและคัดลอกโค้ดมาวาง ซึ่งได้ประโยชน์เพียงบางส่วนและมักเจอปัญหาโค้ดที่ AI สร้างไม่เข้ากับโครงสร้างเดิม การทำงานร่วมกับ AI แบบมืออาชีพต้องมี Workflow ที่ชัดเจน ตั้งแต่การออกแบบ การเขียนเอกสารกำกับ (Spec) ให้ AI ทำงานตามกรอบ ไปจนถึงการมอบงานเป็นชิ้นและตรวจรับผลลัพธ์ หลักสูตรนี้เป็น Workshop เต็มวันสำหรับผู้ที่มีพื้นฐานเว็บอยู่แล้ว

พาจัดวาง Workflow การพัฒนาเว็บแอปยุคใหม่ทั้งกระบวนการ ครอบคลุมการออกแบบ UI ด้วย AI, การเชื่อมงานออกแบบเข้าสู่ Editor ด้วย MCP, แนวคิด Spec-Driven Development ด้วยไฟล์ design.md และ spec.md, การวางแผนงานและแตกงานด้วย AI, การสร้างแอปด้วย Next.js และ TypeScript ร่วมกับ Prisma และ Supabase, การทำระบบยืนยันตัวตน, การไล่หาบั๊กและ Code Review ด้วย AI, การมอบงานให้ AI Agent ทำเป็นรอบ ไปจนถึงการ Deploy ขึ้น Production พร้อมตั้งค่าให้ใช้งานจริง (อบรม 1 วัน 6 ชั่วโมง ระดับ Intermediate)

ສິ່ງທີ່ທ່ານຈະໄດ້ຮັບ

จัดวาง Workflow การพัฒนาเว็บแอปร่วมกับ AI ได้ตั้งแต่ออกแบบจนถึง Deploy
ใช้ AI ช่วยออกแบบ UI และประเมินผลงานออกแบบก่อนนำไปพัฒนาต่อ
เชื่อมงานออกแบบเข้าสู่ Editor ด้วย MCP เพื่อสร้างโค้ดตั้งต้นได้รวดเร็ว
เขียนไฟล์ Spec กำกับการทำงานของ AI ให้ผลลัพธ์ตรงตามที่ออกแบบไว้
วางแผนโครงการและแตกงานเป็นชิ้นย่อยด้วย AI ให้พัฒนาได้ต่อเนื่อง
สร้างเว็บแอปด้วย Next.js และ TypeScript ร่วมกับ Prisma และ Supabase
ทำระบบยืนยันตัวตนและจัดการสิทธิ์ผู้ใช้ในเว็บแอปได้
ใช้ AI ช่วยไล่หาบั๊กและตรวจทานโค้ดอย่างเป็นระบบ
Deploy แอปขึ้น Production พร้อมตั้งค่าตัวแปรและข้อมูลลับอย่างปลอดภัย

ຫຼັກສູດນີ້ເໝາະສຳລັບ

นักพัฒนาเว็บที่ต้องการยกระดับการทำงานร่วมกับ AI ให้เป็นระบบ
Frontend Developer ที่อยากขยับไปทำงานฝั่ง Backend และฐานข้อมูลได้ด้วย
ผู้ที่มีพื้นฐาน HTML, CSS และ JavaScript และต้องการเริ่มใช้ Next.js
Freelance และเจ้าของโปรเจกต์ที่ต้องการส่งงานได้เร็วขึ้นโดยคุณภาพไม่ตก
ทีมพัฒนาที่ต้องการวาง Workflow การใช้ AI ให้เป็นมาตรฐานเดียวกัน

ພື້ນຖານຂອງຜູ້ເຂົ້າຝຶກອົບຮົມ

มีพื้นฐาน HTML, CSS และ JavaScript ในระดับที่อ่านและแก้โค้ดได้
เคยสร้างหน้าเว็บหรือเว็บแอปขนาดเล็กมาก่อน (ไม่จำเป็นต้องเคยใช้ Next.js)
ใช้งาน Command Line และ Git ในระดับพื้นฐานได้
เตรียมโน้ตบุ๊กของตัวเองมาเรียน (Windows หรือ macOS) พร้อมสิทธิ์ติดตั้งโปรแกรม

ຫົວຂໍ້ການຝຶກອົບຮົມ

รายละเอียดหลักสูตร

อบรม 1 วัน 6 ชั่วโมง (10:00-17:00 น.) รูปแบบ Workshop ลงมือทำตลอดวัน ระดับ Intermediate ผู้เรียนควรมีพื้นฐาน HTML, CSS และ JavaScript มาก่อน และต้องเตรียมโน้ตบุ๊กมาเอง (Windows หรือ macOS) พร้อมสิทธิ์ติดตั้งโปรแกรม ผู้เรียนจะได้ Source Code ชุด Spec Template (design.md และ spec.md) Prompt Workflow และแอปของตัวเองที่ Deploy ขึ้น Production แล้วกลับไป เนื้อหาเน้นที่ Workflow และหลักการ จึงปรับไปใช้กับเครื่องมือ AI ตัวอื่นได้เมื่อเทคโนโลยีเปลี่ยน

Session 1: AI UI Design, MCP และ Spec (10:00-12:00)

Section 1 การออกแบบ UI ด้วย AI

การใช้ AI ช่วยร่างหน้าจอและสร้างทางเลือกของงานออกแบบอย่างรวดเร็ว
การประเมินงานออกแบบที่ AI สร้าง: ความสอดคล้อง การใช้งานจริง และความเป็นไปได้ในการพัฒนา
การกำหนดระบบสีและองค์ประกอบให้ทุกหน้าจอไปในทิศทางเดียวกัน
Lab: ออกแบบหน้าจอของโปรเจกต์ด้วย AI และคัดเลือกแบบที่จะนำไปพัฒนาต่อ

Section 2 MCP เชื่อมงานออกแบบเข้าสู่ Editor

แนวคิด MCP และการเปิดให้ AI Agent เข้าถึงเครื่องมือและข้อมูลภายนอกได้
การส่งงานออกแบบเข้าสู่ Editor เพื่อสร้างโค้ดตั้งต้นโดยไม่ต้องเริ่มจากศูนย์
การตรวจสอบและปรับโค้ดตั้งต้นให้เข้ากับโครงสร้างโปรเจกต์จริง
Lab: เชื่อมงานออกแบบเข้าสู่โปรเจกต์และได้โครงหน้าจอชุดแรก

Section 3 Spec-Driven Development

ปัญหาของการสั่ง AI ทีละคำถามและผลลัพธ์ที่ไม่เข้ากับโครงสร้างเดิม
การเขียนไฟล์ design.md อธิบายหน้าตาและพฤติกรรมของระบบให้ AI อ่านก่อนลงมือ
การเขียนไฟล์ spec.md กำหนดขอบเขต ข้อกำหนด และเงื่อนไขการยอมรับของแต่ละงาน
Lab: เขียน design.md และ spec.md ของโปรเจกต์และให้ AI ทำงานตามเอกสาร

Session 2: การวางแผนและ Next.js Fullstack (13:00-15:15)

Section 4 การวางแผนโครงการและแตกงานด้วย AI

การให้ AI ช่วยวางแผนโครงการและลำดับงานจากเอกสาร Spec ที่เขียนไว้
การแตกงานใหญ่ให้เป็นงานย่อยขนาดที่ AI ทำเสร็จได้ในรอบเดียว
การจัดลำดับงานให้พัฒนาต่อเนื่องได้โดยไม่ติดขัดระหว่างทาง
การติดตามความคืบหน้าและปรับแผนเมื่อความต้องการเปลี่ยน

Section 5 Next.js และ TypeScript

โครงสร้างโปรเจกต์ Next.js และการแบ่งงานระหว่างฝั่งเซิร์ฟเวอร์และฝั่งเบราว์เซอร์
การจัดเส้นทางหน้าเว็บ การสร้าง API และการดึงข้อมูลมาแสดงผล
การใช้ TypeScript กำหนดชนิดข้อมูลเพื่อลดข้อผิดพลาดและช่วยให้ AI เข้าใจโค้ดมากขึ้น
Lab: สร้างโครงโปรเจกต์ Next.js พร้อมหน้าจอและ API ชุดแรก

Section 6 ฐานข้อมูลด้วย Prisma และ Supabase

การออกแบบโครงสร้างข้อมูลและความสัมพันธ์ระหว่างตาราง
การใช้ Prisma กำหนด Schema และจัดการการเปลี่ยนแปลงโครงสร้างฐานข้อมูล
การเชื่อมต่อ Supabase และการอ่านเขียนข้อมูลจากแอปอย่างปลอดภัย
Lab: สร้างฐานข้อมูลของโปรเจกต์และเชื่อมเข้ากับหน้าจอที่ทำไว้

Section 7 ระบบยืนยันตัวตนและสิทธิ์ผู้ใช้

การทำระบบสมัครสมาชิกและล็อกอินด้วย Better Auth
การจัดการ Session และการป้องกันหน้าที่ต้องล็อกอินก่อนเข้าถึง
การกำหนดสิทธิ์ผู้ใช้แต่ละระดับและการตรวจสอบสิทธิ์ฝั่งเซิร์ฟเวอร์
Lab: เพิ่มระบบล็อกอินและจำกัดสิทธิ์การเข้าถึงในแอปของตัวเอง

Session 3: AI Debugging, Agent และ Production Deploy (15:15-17:00)

Section 8 การไล่หาบั๊กและ Code Review ด้วย AI

การส่งข้อมูลบริบทให้ AI เพียงพอที่จะหาสาเหตุของปัญหาได้จริง
การให้ AI ตรวจทานโค้ดและชี้จุดเสี่ยงด้านความปลอดภัยและประสิทธิภาพ
ข้อจำกัดของการตรวจทานด้วย AI และจุดที่คนต้องตัดสินใจเอง
การมอบงานเป็นรอบให้ AI Agent และการตรวจรับผลลัพธ์แต่ละรอบ

Section 9 Deploy ขึ้น Production และสรุป

การเตรียมโปรเจกต์ให้พร้อม Deploy และการตรวจสอบก่อนขึ้นใช้งานจริง
การตั้งค่าตัวแปรสภาพแวดล้อมและการเก็บข้อมูลลับอย่างปลอดภัย
การเชื่อมต่อฐานข้อมูลบน Production และการอัปเดตแอปหลัง Deploy
Workshop: Deploy แอปขึ้น Production จริงและสรุปแนวทางนำ Workflow ไปใช้ต่อ

ຮອບຝຶກອົບຮົມ ແລະ ຮູບແບບການຝຶກອົບຮົມ

ສຳລັບບຸກຄົນ — ຮອບຝຶກອົບຮົມທົ່ວໄປ

ຂະນະນີ້ຍັງບໍ່ມີຮອບຝຶກອົບຮົມເປີດຮັບສະໝັກ ລົງຊື່ຈອງໄວ້ໄດ້ເລີຍ ທີມງານຈະຕິດຕໍ່ກັບເປັນກຸ່ມທຳອິດເມື່ອເປີດຮອບຕໍ່ໄປ ຫຼື ສອບຖາມທາງ LINE ຫຼື ໂທ 02-570-8449 ຫຼື 088-807-9770

ລົງຊື່ຈອງໄວ້ ສອບຖາມຮອບຝຶກອົບຮົມ

ສຳລັບອົງກອນ — In-house / Private Training

ປັບເນື້ອໃນໃຫ້ກົງກັບເຄື່ອງມື ແລະ ວຽກຈິງຂອງທີມ
ເລືອກວັນເອງ ຝຶກອົບຮົມທີ່ບໍລິສັດ ຫຼື ອອນລາຍສົດ
ອອກໃບສະເໜີລາຄາໃນນາມນິຕິບຸກຄົນໃຫ້ຝ່າຍຈັດຊື້

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ

ວິທະຍາກອນຜູ້ສອນ

สามิตร โกยมCEO ที่สถาบันไอทีจีเนียส

ຄຳຖາມທີ່ພົບເລື້ອຍ

หลักสูตร AI Next.js Fullstack Workshop พัฒนาเว็บแอปยุคใหม่ร่วมกับ AI Agent เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน

เหมาะกับ นักพัฒนาเว็บที่ต้องการยกระดับการทำงานร่วมกับ AI ให้เป็นระบบ · Frontend Developer ที่อยากขยับไปทำงานฝั่ง Backend และฐานข้อมูลได้ด้วย · ผู้ที่มีพื้นฐาน HTML, CSS และ JavaScript และต้องการเริ่มใช้ Next.js พื้นฐานที่ผู้เรียนควรมี มีพื้นฐาน HTML, CSS และ JavaScript ในระดับที่อ่านและแก้โค้ดได้ · เคยสร้างหน้าเว็บหรือเว็บแอปขนาดเล็กมาก่อน (ไม่จำเป็นต้องเคยใช้ Next.js) หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449

หลักสูตร AI Next.js Fullstack Workshop พัฒนาเว็บแอปยุคใหม่ร่วมกับ AI Agent ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง

ราคาปกติ 5,900 บาท (โปรโมชันปัจจุบันเหลือ 5,310 บาท) ใช้เวลาอบรม 6 ชั่วโมง ราคานี้ยังไม่รวม VAT 7% (กรณีชำระในนามนิติบุคคล) ชำระค่าอบรมด้วยการโอนเข้าบัญชีบริษัท แล้วแจ้งชำระเงินผ่านหน้าแจ้งชำระเงินของเว็บไซต์ และขอใบเสร็จรับเงินหรือใบกำกับภาษีในนามบริษัทได้

เรียนจบได้รับ Certificate หรือไม่

ได้รับ ผู้ผ่านการอบรมทุกท่านจะได้รับใบประกาศนียบัตร (Certificate of Completion) จากสถาบันไอทีจีเนียส ใบประกาศแต่ละใบมีเลขที่ของตัวเอง ใครก็ตามที่มีเลขที่ใบประกาศตรวจสอบความถูกต้องออนไลน์ได้ที่หน้าตรวจสอบใบประกาศของสถาบัน จึงใช้แนบแฟ้มผลงานหรือส่งให้ฝ่ายบุคคลประกอบการพัฒนาบุคลากรได้

อบรมที่ไหน มีเรียนแบบออนไลน์หรือไม่

เรียนได้ทั้งแบบออนไซต์ที่สถาบันไอทีจีเนียส และนัดเรียนผ่านออนไลน์ และรับจัดอบรมเฉพาะทีม (In-house Training) ให้องค์กร สอบถามรอบและสถานที่ได้ที่ LINE @itgenius หรือโทร 02-570-8449

ถ้าเรียนไม่ทันหรือขาดเรียน มีเรียนซ้ำ/เรียนชดเชยหรือไม่

มี ผู้เรียนสามารถแจ้งขอเรียนซ้ำ (repeat) ในรอบถัดไปของหลักสูตรเดียวกันได้ฟรีตามเงื่อนไขของสถาบัน แจ้งชื่อหลักสูตรและรอบที่เคยเรียนกับทีมงาน แล้วทีมงานจะตรวจสอบและแจ้งรอบที่ยังมีที่นั่งว่างให้เลือก สอบถามได้ที่ LINE @itgenius หรือโทร 02-570-8449

สมัครเรียนหรือขอใบเสนอราคาในนามบริษัทได้อย่างไร

สมัครออนไลน์ได้จากแบบฟอร์มลงทะเบียนบนหน้านี้ ลงทะเบียนผู้เข้าอบรมหลายคนได้ในครั้งเดียว และกรอกเลขประจำตัวผู้เสียภาษีกับที่อยู่สำหรับออกใบกำกับภาษีได้ในฟอร์ม หรือขอใบเสนอราคา (Quotation) ในนามนิติบุคคลได้ทันทีจากปุ่มขอใบเสนอราคา สอบถามเพิ่มเติมโทร 02-570-8449 หรือ LINE @itgenius