build a site

build-a-site ai

Build-A-Site AI เป็นตัวสร้างเว็บไซต์อัตโนมัติที่ใช้ประโยชน์จากพลังของ AI ในการสร้างเนื้อหาและรูปภาพสำหรับเว็บไซต์ของคุณ แอปพลิเคชันใช้ OpenAI API สำหรับการสร้างเนื้อหาและการแพร่กระจาย AI ที่เสถียรสำหรับการสร้างภาพ จากนั้นเนื้อหาจะถูกเพิ่มลงในเทมเพลตส่วน prebuilt และสไตล์โดยใช้ tailwindcss เนื้อหาที่ประมวลผลจะถูกเก็บไว้ในถัง AWS S3 ซึ่งเผยแพร่สู่สาธารณะ ผู้ใช้มีตัวเลือกในการแก้ไขและอัปเดตเนื้อหาและเมื่อบันทึกไฟล์ไซต์จะได้รับการอัปเดตในถัง ผู้ใช้ยังสามารถเพิ่มโดเมนโดยใช้ CloudFlare

คุณสมบัติ

• เนื้อหาที่ขับเคลื่อนด้วย AI และการสร้างภาพ
• เทมเพลตส่วน prebuilt
• สไตล์โดยใช้ tailwindcss
• ที่เก็บเนื้อหาในถัง AWS S3
• เนื้อหาที่แก้ไขได้
• การเพิ่มโดเมนโดยใช้ CloudFlare

ข้อกำหนดเบื้องต้น

ก่อนที่คุณจะเริ่มตรวจสอบให้แน่ใจว่าคุณได้ปฏิบัติตามข้อกำหนดต่อไปนี้:

• คุณได้ติดตั้ง node.js และ npm
• คุณมีความเข้าใจพื้นฐานเกี่ยวกับ JavaScript และ Node.js

การติดตั้ง AI build-a-site

ในการติดตั้ง AI build-a-site ให้ทำตามขั้นตอนเหล่านี้:

1. โคลนโคลน repo git clone https://github.com/i-dream-of-ai/build-a-site

2. ติดตั้งแพ็คเกจ NPM npm install

ใช้ AI build-a-site

แอปพลิเคชันนี้ใช้ตัวแปรสภาพแวดล้อมจำนวนมากสำหรับการกำหนดค่า คุณจะต้องตั้งค่าเหล่านี้เพื่อให้แอปพลิเคชันทำงาน

หากต้องการใช้ AI Build-A-Site ให้ทำตามขั้นตอนเหล่านี้:

1. เปลี่ยนชื่อ .env.example เป็น .env

2. อัปเดตไฟล์ .env ด้วยข้อมูลรับรองและการตั้งค่าของคุณ:

   • NEXTAUTH_SECRET : ความลับที่ใช้ในการเข้ารหัสข้อมูลเซสชัน คุณสามารถสร้างสตริงแบบสุ่มสำหรับสิ่งนี้
   • NEXTAUTH_URL : URL พื้นฐานสำหรับแอปพลิเคชันของคุณ
   • NEXT_PUBLIC_APP_URL : URL สาธารณะสำหรับแอปพลิเคชันของคุณ
   • ADMIN_EMAIL : ที่อยู่อีเมลสำหรับผู้ใช้ผู้ดูแลระบบของแอปพลิเคชัน
   • MONGODB_URI : URI สำหรับฐานข้อมูล MongoDB ของคุณ
   • MONGODB_DB : ชื่อฐานข้อมูล MongoDB ของคุณ
   • DEFAULT_MODEL , NEXT_PUBLIC_DEFAULT_MODEL , NEXT_PUBLIC_DEFAULT_TEMPERATURE , NEXT_PUBLIC_DEFAULT_SYSTEM_PROMPT : นี่คือการตั้งค่าสำหรับการโทร OpenAI API คุณไม่ควรเปลี่ยนสิ่งเหล่านี้เว้นแต่คุณจะมีข้อกำหนดเฉพาะ
   • OPENAI_API_KEY , OPENAI_ORGANIZATION : คีย์ OpenAI API และรหัสองค์กรของคุณ
   • STABLE_DIFFUSION_KEY : คีย์ API การแพร่กระจายที่มั่นคงของคุณสำหรับการสร้างภาพ
   • SENDGRID_API_KEY , EMAIL_SECRET , EMAIL_FROM : คีย์ SendGrid API ของคุณเป็นความลับสำหรับการเข้ารหัสข้อมูลอีเมลและที่อยู่อีเมลสำหรับอีเมลขาออก
   • NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY , STRIPE_SECRET_KEY , STRIPE_WEBHOOK_SECRET : ปุ่ม API Stripe ของคุณสำหรับการจัดการการสมัครสมาชิกผู้ใช้
   • AWS_ACCESS_KEY_ID , AWS_SECRET_ACCESS_KEY , AWS_REGION : ข้อมูลประจำตัว AWS ของคุณสำหรับการปรับใช้กับ AWS S3 ตรวจสอบให้แน่ใจว่าได้ตั้งค่าสิทธิ์ที่จำเป็นในบัญชี AWS ของคุณ

3. หลังจากตั้งค่าไฟล์ .env คุณสามารถเริ่มแอปพลิเคชันด้วย npm run start

เทคโนโลยีที่ใช้

โครงการนี้ใช้ห้องสมุดและบริการที่ทันสมัยจำนวนหนึ่ง:

• OpenAI API: ใช้สำหรับการสร้างเนื้อหาเว็บไซต์
• การแพร่กระจายที่เสถียร AI: ใช้สำหรับสร้างภาพ
• Tailwindcss: เฟรมเวิร์ก CSS ยูทิลิตี้แรกที่ใช้สำหรับจัดแต่งทรงผม
• POSTCSS: เครื่องมือสำหรับการเปลี่ยน CSS ด้วย JavaScript
• AWS S3: ใช้สำหรับการจัดเก็บและให้บริการเนื้อหาเว็บไซต์ที่สร้างขึ้น
• CloudFlare: ใช้สำหรับการจัดการโดเมน
• nextauth.js: โซลูชันการรับรองความถูกต้องแบบโอเพนซอร์สที่สมบูรณ์สำหรับแอปพลิเคชัน next.js
• MongoDB: โปรแกรมฐานข้อมูลที่มุ่งเน้นไปที่แหล่งข้อมูลที่เป็นแหล่งข้อมูล
• SendGrid: ผู้ให้บริการ SMTP บนคลาวด์ที่ให้คุณส่งอีเมลโดยไม่ต้องดูแลเซิร์ฟเวอร์อีเมล
• Stripe: การประมวลผลการชำระเงินออนไลน์สำหรับธุรกิจอินเทอร์เน็ต

มีส่วนร่วมในการสร้าง AI

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

1. แยกโครงการ
2. สร้างสาขาคุณลักษณะของคุณ ( git checkout -b feature/AmazingFeature )
3. กระทำการเปลี่ยนแปลงของคุณ ( git commit -m 'Add some AmazingFeature' )
4. Push to the Branch ( git push origin feature/AmazingFeature )
5. เปิดคำขอดึง

สนับสนุน

ให้️ถ้าโครงการนี้ช่วยคุณได้!

ติดต่อ

หากคุณต้องการติดต่อฉันคุณสามารถติดต่อฉันได้ที่ <[email protected]>

ใบอนุญาต

โครงการนี้ใช้ใบอนุญาต MIT ดูไฟล์ใบอนุญาตสำหรับรายละเอียด