pdf ai saas

PDF AI SaaS應用

PDF AI SaaS完整堆棧應用程序已使用Next.js Framework，Shadcn UI，OpenAI，Langchain，Stripe等構建。該應用程序允許用戶根據訂閱計劃上傳具有尺寸限制的任何PDF文檔，並蒐索本文檔中的特定信息。只有身份驗證的用戶才能使用該平台。有2個選項：使用有限的免費計劃和PRO計劃，以向用戶提供更多功能。

演示視頻：鏈接

特徵

• 允許用戶登錄到平台
• 允許用戶上傳任何PDF文檔，並蒐索此內部的任何內容
• 直觀的拖放n'滴上傳
• PDF查看器查看上傳的PDF文檔
• 100％用打字稿編寫
• Opeanai文本嵌入模型已用於嵌入PDF文件和GPT-4O與文檔聊天
• Langchain用於將LLM集成到應用程序中
• Pinecone矢量數據庫已用於將數據存儲到向量空間中
• MongoDB NOSQL數據庫已用於存儲用戶，文檔和聊天信息
• 條紋付款與Webhook一起用於付款，以檢驗有關付款狀態的信息
• Next.js框架用於創建完整的堆棧應用
• Tailwind CSS與ShadCN UI組件庫一起使用，以構建美麗的設計
• Prisma Orm用於與數據庫進行通信

如何從本地存儲庫運行

1. 克隆存儲庫
2. 在您的終端中運行npm install命令
3. 生成euth Secret，該秘密會自動創建.env.Local文件以用於環境變量（您可以以後使用.env並將秘密放入其中）： npx auth secret
4. 設置Google Oauth：Google
5. 創建Stripe帳戶並獲取鍵鏈接。
6. 添加Stripe Webhook端點鏈接。
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. 創建具有條紋功能的新產品：鏈接
11. 運行npm run prisma:generate以應用Prisma架構
12. 運行npm run prisma:push DB推到MongoDB
13. 在您的終端中運行npm run dev命令
14. 在http://localhost:3000/

有用的鏈接和信息

• Prisma Env. -local處理：
  • stackoverflow
• Prisma和MongoDB邊緣兼容性：
  • auth.js
• auth.js代碼示例：
  • github
• Google提供商配置頁：
  • Google
  • Youtube
• 條紋，結帳會話，webhook：
  • Github＃1
  • Github＃2
  • linkedin.com
  • dev.to
  • Medim.com
• 條紋測試卡：
  • Stripe.com

依賴性

• next.js
• 反應
• 反應dom
• 打字稿
• Tanstack查詢
• Lucide圖標
• 尾風CSS
• Shadcn UI
• 反應液滴區
• 反應PDF
• Sonner
• date-fns
• 尖銳的圖像最佳化
• auth.js
• Prisma
• mongodb
• Openai API
• Langchain
• 松果
• 上傳
• PDF-PARSE
• 條紋

佈局