หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

next.js แอป Starter Openai

นี่คือชุดเริ่มต้นสำหรับการรวม API ของ OpenAI เข้ากับแอปพลิเคชัน Next.js มันถูกสร้างขึ้นด้วยสไตล์ที่น้อยที่สุดและการรวม API ขั้นพื้นฐานเพื่อให้คุณสามารถตัดและนำห้องสมุดของคุณมาเองเพื่อให้เป็นของคุณเอง อย่าลังเลที่จะแยกและสร้างสิ่งที่น่าทึ่ง!

เริ่มต้น

ก่อนอื่นให้ซื้อ repo ไปยังสภาพแวดล้อม dev ของคุณและติดตั้งแพ็คเกจ: 

npm install
# or
yarn

จากนั้นเรียกใช้เซิร์ฟเวอร์การพัฒนา: 

npm run dev
# or
yarn dev

หากคุณใช้บางอย่างนอกเหนือจาก yarn อย่าลืมลบล็อคตัวจัดการแพ็คเกจอื่น ๆ เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

สำคัญ!

ตรวจสอบให้แน่ใจว่าอัปเดต OPENAI_API_KEY=yourApiKey ในไฟล์ .env.example จากนั้นเปลี่ยนชื่อไฟล์เป็น. .env.local คุณสามารถรับคีย์ API ได้โดยการสร้างบัญชีด้วย OpenAI แล้วนำทางที่นี่

ปลายทาง Openai API

เส้นทาง API ของ Openai ตั้งอยู่ที่ src/pages/api/openai.js

ไดเรกทอรี pages/api ถูกแมปกับ /api/* ไฟล์ในไดเรกทอรีนี้ถือเป็นเส้นทาง API แทนหน้าปฏิกิริยา

โครงการนี้ใช้ next/font เพื่อเพิ่มประสิทธิภาพและโหลด Inter โดยอัตโนมัติซึ่งเป็นแบบอักษร Google ที่กำหนดเอง

เรียนรู้เพิ่มเติม

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ next.js และ openai ลองดูแหล่งข้อมูลต่อไปนี้:

next.js

  • Next.js Documentation - เรียนรู้เกี่ยวกับคุณสมบัติ Next.js และ API
  • เรียนรู้ next.js - การสอนแบบโต้ตอบ next.js

Openai

  • เอกสาร OpenAI - เรียนรู้คุณสมบัติและ API ของ Abou Openi รวมถึงวิธีการใช้งาน
  • ตัวอย่าง Openai - ดูสิ่งที่คนอื่นสร้างขึ้นด้วย OpenAI แล้ว

คุณสามารถตรวจสอบพื้นที่เก็บข้อมูล next.js GitHub - ยินดีต้อนรับข้อเสนอแนะและการมีส่วนร่วมของคุณ!

ปรับใช้บน vercel

วิธีที่ง่ายที่สุดในการปรับใช้แอป Next.js ของคุณคือการใช้แพลตฟอร์ม vercel จากผู้สร้างของ Next.js

ตรวจสอบเอกสารการปรับใช้ next.js ของเราสำหรับรายละเอียดเพิ่มเติม

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด