pdf ai saas

แอป PDF AI SaaS

แอพ PDF AI SaaS Full Full ได้สร้างขึ้นด้วย Next.js Framework, Shadcn UI, Openai, Langchain, Stripe และอีกมากมาย แอพอนุญาตให้ผู้ใช้อัปโหลดเอกสาร PDF ใด ๆ ที่มีขีด จำกัด ขนาดตามแผนการสมัครสมาชิกและค้นหาข้อมูลเฉพาะภายในเอกสารนี้ ผู้ใช้ที่ได้รับการรับรองความถูกต้องเท่านั้นสามารถใช้แพลตฟอร์มได้ มี 2 ​​ตัวเลือก: แผนฟรีที่มีการใช้งาน จำกัด และแผนโปรเพื่อให้คุณสมบัติเพิ่มเติมแก่ผู้ใช้

วิดีโอสาธิต: ลิงค์

คุณสมบัติ

• อนุญาตให้ผู้ใช้เข้าสู่ระบบแพลตฟอร์ม
• อนุญาตให้ผู้ใช้อัปโหลดเอกสาร PDF ใด ๆ และค้นหาเนื้อหาใด ๆ ภายในนี้
• อัพโหลด Drop Drop Drop ที่ใช้งานง่าย
• PDF Viewer เพื่อดูเอกสาร PDF ที่อัปโหลด
• เขียน 100% ใน typeScript
• โมเดลการฝังข้อความ Opeanai ถูกนำมาใช้เพื่อฝังไฟล์ PDF และ GPT-4O เพื่อแชทกับเอกสาร
• Langchain ใช้เพื่อรวม LLM เข้ากับแอพ
• ฐานข้อมูลเวกเตอร์ Pinecone ถูกใช้เพื่อจัดเก็บข้อมูลฝังลงในพื้นที่เวกเตอร์
• ฐานข้อมูล MongoDB NOSQL ถูกใช้เพื่อจัดเก็บข้อมูลผู้ใช้เอกสารและการแชท
• การชำระเงินแบบแถบใช้กับ WebHook สำหรับการชำระเงินเพื่อย้อนกลับข้อมูลเกี่ยวกับสถานะของการชำระเงิน
• Next.js Framework ใช้เพื่อสร้างแอพเต็มสแต็ก
• Tailwind CSS ใช้กับไลบรารีส่วนประกอบ Shadcn UI เพื่อสร้างการออกแบบที่สวยงาม
• Prisma orm ใช้ในการสื่อสารกับฐานข้อมูล

วิธีเรียกใช้จากที่เก็บในท้องถิ่น

1. โคลนที่เก็บ
2. เรียกใช้คำสั่ง npm install ในเทอร์มินัลของคุณ
3. สร้าง Auth Secret ซึ่งสร้างไฟล์. env.local โดยอัตโนมัติสำหรับตัวแปรสภาพแวดล้อม (คุณสามารถใช้ . env ในภายหลังและใส่ความลับลงไป): npx auth secret
4. ตั้งค่า Google Oauth: Google
5. สร้างบัญชี Stripe และรับลิงค์คีย์
6. เพิ่มลิงค์ปลายทาง Webhook Stripe
7. เปิดใช้งานลิงก์พอร์ทัลการเรียกเก็บเงินแถบ
8. สร้างลิงก์ดัชนี Pinecone
9. เพิ่มตัวแปรสภาพแวดล้อมลงในไฟล์. ENV:
   AUTH_SECRET="<YOUR-SECRET>"
AUTH_GOOGLE_ID="<YOUR-GOOGLE-ID>"
AUTH_GOOGLE_SECRET="<YOUR-GOOGLE-SECRET>"
DATABASE_URL="<YOUR-DATABASE-URL>"
UPLOADTHING_TOKEN="<YOUR-UPLOADTHING-TOKEN>"
PINECONE_API_KEY="<YOUR-PINECONE-TOKEN>"
OPENAI_API_KEY="<YOUR-OPENAI-TOKEN>"
STRIPE_SECRET_KEY="<YOUR-STRIPE-SECRET-TOKEN>"
STRIPE_WEBHOOK_SECRET="<YOUR-STRIPE-WEBHOOK-SECRET-TOKEN>"
STRIPE_PRODUCT_PRICE_ID="<YOUR-STRIPE-PRO-PLAN-PRICE-ID>"
   
10. สร้างผลิตภัณฑ์ใหม่ด้วยคุณสมบัติบน Stripe: Link
11. เรียกใช้ npm run prisma:generate เพื่อใช้ Schema Prisma
12. เรียกใช้ npm run prisma:push ให้ผลักดัน DB ไปยัง MongoDB
13. เรียกใช้คำสั่ง npm run dev ในเทอร์มินัลของคุณ
14. เซิร์ฟเวอร์ทำงานที่ http://localhost:3000/

ลิงค์และข้อมูลที่เป็นประโยชน์

• Prisma env.local การจัดการ:
  • stackoverflow
• ความเข้ากันได้ของ Prisma และ MongoDB Edge:
  • Auth.js
• Auth.js รหัสตัวอย่าง:
  • คนอื่น ๆ
• หน้ากำหนดค่าผู้ให้บริการของ Google:
  • Google
  • YouTube
• Stripe, Checkout Session, WebHook:
  • GitHub #1
  • GitHub #2
  • linkedin.com
  • dev.to
  • medium.com
• การ์ดทดสอบลาย:
  • stripe.com

การพึ่งพาอาศัยกัน

• next.js
• ตอบโต้
• ตอบสนอง DOM
• ตัวพิมพ์ใหญ่
• แบบสอบถาม Tanstack
• ไอคอนลูไซด์
• tailwind css
• Shadcn UI
• React Dropzone
• ตอบสนอง PDF
• ซอนเนอร์
• วันที่
• การเพิ่มประสิทธิภาพภาพที่คมชัด
• Auth.js
• ปริซึม
• MongoDB
• Openai API
• คนขี้เกียจ
• Pinecone
• อัพโหลด
• PDF-parse
• แถบ

เค้าโครง