Next.js กับ GenKit
ผมได้สร้างเครื่องมือฝึกภาษาอังกฤษด้วย AI โดยใช้การสวมบทบาท (roleplay) เพื่อพัฒนาทักษะการสนทนาและการเขียน
โปรเจกต์นี้รันแบบ local ได้ฟรี ผมใช้มันเป็นห้องทดลองส่วนตัว และวางแผนที่จะสร้างเวอร์ชันที่ใหญ่กว่านี้ในภายหลัง
Tech stack ที่ใช้:
- Next.js: ผมใช้ตัวนี้เพื่อให้ได้ User Interface ที่รวดเร็วและการทำ Server-side rendering
- GenKit: ผมใช้ Google framework ตัวนี้ในการจัดการ prompt และบริบทของการสวมบทบาท (roleplay context) โดยเชื่อมต่อกับ Gemini APIs โดยตรง
คุณสามารถเพิ่มฟีเจอร์เหล่านี้ลงในเวอร์ชันของคุณเองได้:
- ประวัติการสนทนา: บันทึกข้อผิดพลาดในการเขียนเพื่อติดตามความคืบหน้าด้วยกราฟ
- ฟีเจอร์เสียง: ใช้ audio-to-text และ text-to-audio เพื่อฝึกการฟังและการพูด
- การ Deploy ฟรี: โฮสต์ส่วน Front end บน Vercel หรือ Netlify และใช้ Gemini free tier สำหรับ API
สร้างเวอร์ชันของคุณเองได้ที่นี่: https://github.com/Helton-Carlos/next-IA-genkit
ที่มา: https://dev.to/heltonbrito/nextjs-com-genkit-3li3 เอกสารประกอบ: https://genkit.dev/docs/js/frameworks/nextjs/ https://nextjs.org/