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

LandingPageGPT

โปรเจ็กต์นี้สร้างแลนดิ้งเพจเจ๋งๆ โดยใช้ GPT-4 (หรือ GPT-3.5turbo) เพื่อเปลี่ยนคำอธิบายแคมเปญให้เป็นเนื้อหาเว็บที่น่าดึงดูดและดึงดูดสายตา

มันทำงานอย่างไร

ใช้ GPT-4 เพื่อสร้างส่วนต่างๆ ตามอินพุต ผู้ใช้สามารถปรับโครงสร้างใหม่และเพิ่มส่วนของตนเอง จากนั้นใช้ Vercel Edge และสตรีมเพื่อสร้าง Html ของแต่ละคอมโพเนนต์

วิ่งในพื้นที่

การโคลนพื้นที่เก็บข้อมูลในเครื่องท้องถิ่น 

git clone https://github.com/mohamedcherifmo/landingpagegpt-public.git

การสร้างบัญชีบน OpenAI เพื่อรับคีย์ API

หลังจากโคลน repo แล้ว ให้ไปที่ OpenAI เพื่อสร้างบัญชี

การจัดเก็บคีย์ API ใน .env

สร้างไฟล์ในไดเร็กทอรีรากของโครงการด้วย env และเก็บคีย์ API ของคุณไว้ในนั้น เช่น ไฟล์ .local.env เพิ่มสิ่งต่อไปนี้: 

 DATA_API_KEY="sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

การติดตั้งการพึ่งพา 

npm install

กำลังเรียกใช้แอปพลิเคชัน

จากนั้นให้รันแอปพลิเคชันในบรรทัดคำสั่งและจะพร้อมใช้งานที่ http://localhost:3000 

npm run dev

ปรับใช้เพียงคลิกเดียว

ปรับใช้ตัวอย่างโดยใช้ Vercel:

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