makr.AI เป็นโคลน ChatGPT พร้อมคุณสมบัติที่ได้รับการปรับปรุงสำหรับผู้สร้างและแฮ็กเกอร์อินดี้ที่สร้างจากการใช้ Next.js, TypeScript, Supabase, Jotai และ Tailwind CSS
ตรวจสอบวิดีโอ Youtube นี้เพื่อเรียนรู้เพิ่มเติม
ฉันจะสร้างคุณลักษณะใหม่ๆ เมื่อเวลาผ่านไป หากคุณมีข้อเสนอแนะใด ๆ โปรดเปิดการสนทนาหรือติดต่อฉันทาง Twitter ฉันระบุคุณสมบัติที่ฉันกำลังดำเนินการต่อไปด้านล่าง
สิ่งที่คาดหวัง:
เวอร์เซล
โฮสต์ makr.AI เวอร์ชันสดของคุณเองด้วย Vercel
1. สร้างโครงการ Supabase แอปพลิเคชันเก็บการสนทนาไว้ในฐานข้อมูล Supabase คุณสามารถสร้างบัญชีฟรีได้ที่นี่
makr.AI ต้องการ Supabase URL และ Anon Key เพื่อเชื่อมต่อกับฐานข้อมูลของคุณ คุณสามารถค้นหาสิ่งเหล่านี้ได้ในการตั้งค่าโปรเจ็กต์ Supabase
คุณต้องสร้าง 3 ตารางในโครงการ supabase ของคุณ:
คุณสามารถสร้างตารางทั้งหมดที่คุณต้องการด้วย sql function
ที่ฉันสร้างไว้ในโฟลเดอร์ sql
ของ repo คุณสามารถใช้ไฟล์ create-tables.sql
ในโฟลเดอร์ sql
ของ repo เพื่อสร้างตารางได้ โปรดจำไว้ว่าคุณต้องเปิดใช้งานส่วนขยาย pg_vector
ก่อนที่จะสร้างตาราง
คุณสามารถใช้ create-profile.sql
เพื่อสร้างโปรไฟล์ผู้ใช้โดยอัตโนมัติเมื่อสมัครใช้งาน
หลังจากที่คุณสร้างคอลัมน์ที่ฝังแล้ว คุณควรสร้าง index
ตามคอลัมน์นี้ คุณสามารถใช้ไฟล์ create-index.sql
ในโฟลเดอร์ sql
ของ repo เพื่อสร้างดัชนีได้
สุดท้าย คุณต้องสร้างฟังก์ชัน sql ที่เรียกว่า search-messages
ในโปรเจ็กต์ Supabase ของคุณ คุณสามารถใช้ไฟล์ search-messages.sql
ในโฟลเดอร์ sql
ของ repo เพื่อสร้างฟังก์ชันได้
บทช่วยสอนการตั้งค่าโครงการ หน่วยความจำระยะยาวสำหรับบทช่วยสอน ChatGPT
2. โคลน Repo
git clone https://github.com/batuhanbilginn/makr-ai.git
3. ติดตั้งการพึ่งพา
yarn install
4. สร้างตัวแปรสภาพแวดล้อมของคุณ
สร้างไฟล์ .env.local ของคุณในรูทของ repo ด้วย Supabase URL, Supabase Anon Key, Auth Redirect URL และ OpenAI API Key:
NEXT_PUBLIC_SUPABASE_URL=YOUR_URL * required
NEXT_PUBLIC_SUPABASE_ANON_KEY=YOUR_KEY * required
NEXT_PUBLIC_AUTH_REDIRECT_URL=YOUR_URL * required
OPENAI_API_KEY=YOUR_KEY * optional
4.1 การสร้างไฟล์ .env
.env.example
ในโฟลเดอร์หลัก.env
โดยลบส่วนขยาย template
ออก วิธีที่ง่ายที่สุดคือทำสิ่งนี้ในหน้าต่างพร้อมรับคำสั่ง/เทอร์มินัล cp .env.example .env
.env
ในโปรแกรมแก้ไขข้อความ หมายเหตุ: ไฟล์ที่ขึ้นต้นด้วยจุดอาจถูกซ่อนไว้ในระบบปฏิบัติการของคุณ.env
4.2 คีย์ OpenAI API
เมื่อคุณตั้งค่า OpenAI API Key
เป็นตัวแปรสภาพแวดล้อม แอปพลิเคชันจะไม่แจ้งให้คุณป้อนอีกครั้งเพื่อเริ่มต้นตัวเอง โปรดใช้ความระมัดระวัง หากคุณตั้งค่า OpenAI API Key
ของคุณเป็นตัวแปรสภาพแวดล้อมและโฮสต์ไว้ ใครก็ตามที่เข้าถึงเวอร์ชันที่โฮสต์ของคุณก็สามารถใช้งานได้ หากคุณไม่มี OpenAI API Key
คุณสามารถรับได้ที่นี่
4.3 URL เปลี่ยนเส้นทางการรับรองความถูกต้อง
คุณต้องตั้งค่า Auth Redirect URL
ของคุณในการผลิตเป็นตัวแปรสภาพแวดล้อม หากไม่ได้ตั้งค่า คุณจะได้รับข้อผิดพลาดเมื่อพยายามลงชื่อเข้าใช้ นอกจากนี้ ตรวจสอบให้แน่ใจว่าคุณได้ตั้ง Auth Redirect URL
สิทธิ์ที่ถูกต้องในการตั้งค่าโปรเจ็กต์ Supabase และในตัวแปรสภาพแวดล้อมที่คุณสร้างสำหรับ Vercel หากคุณมี Auth Redirect URL
ที่แตกต่างกันสำหรับการดูตัวอย่างและการใช้งานจริง คุณสามารถตั้งค่าให้เป็นตัวแปรสภาพแวดล้อมใน Vercel และ Supabase ได้
5. เรียกใช้เซิร์ฟเวอร์การพัฒนา
yarn dev
เมื่อปรับใช้แอปพลิเคชัน คุณสามารถตั้งค่าตัวแปรสภาพแวดล้อมต่อไปนี้:
ตัวแปรสภาพแวดล้อม | ที่จำเป็น | คำอธิบาย |
---|---|---|
NEXT_PUBLIC_SUPABASE_URL | ใช่ | URL ฐานของโครงการ Supabase ของคุณ |
NEXT_PUBLIC_SUPABASE_ANON_KEY | ใช่ | อานนท์คีย์สำหรับโครงการ Supabase ของคุณ |
NEXT_PUBLIC_AUTH_REDIRECT_URL | ใช่ (การผลิต) | URL ฐานของโครงการ Supabase ของคุณ |
OPENAI_API_KEY | ไม่จำเป็น | อานนท์คีย์สำหรับโครงการ Supabase ของคุณ |
หากคุณไม่มีคีย์ OpenAI API คุณสามารถรับได้ที่นี่
หากคุณมีคำถามใด ๆ โปรดติดต่อฉันทาง Twitter