pdf ai saas

Aplikasi PDF AI SaaS

Aplikasi Full Stack PDF AI SaaS telah dibangun dengan Framework Next.js, Shadcn UI, Openai, Langchain, Stripe dan banyak lagi. Aplikasi ini memungkinkan pengguna untuk mengunggah dokumen PDF apa pun dengan batas ukuran berdasarkan paket berlangganan dan mencari informasi spesifik di dalam dokumen ini. Hanya pengguna yang diautentikasi yang dapat menggunakan platform. Ada 2 opsi: Rencana gratis dengan penggunaan terbatas dan rencana pro untuk memberikan lebih banyak fitur kepada pengguna.

Video demo: tautan

Fitur

• Izinkan pengguna untuk masuk ke platform
• Izinkan pengguna untuk mengunggah dokumen PDF dan mencari konten apa pun di dalamnya
• Drag intuitif n 'jatuhkan unggahan
• PDF Viewer untuk melihat dokumen PDF yang diunggah
• 100% ditulis dalam naskah
• Model embedding teks opeanai telah digunakan untuk menyematkan file PDF dan GPT-4O untuk mengobrol dengan dokumen
• Langchain digunakan untuk mengintegrasikan LLM ke dalam aplikasi
• Pinecone Vector Database telah digunakan untuk menyimpan data embed ke dalam ruang vektor
• Database MongoDB NoSQL telah digunakan untuk menyimpan informasi pengguna, dokumen, dan obrolan
• Pembayaran Stripe digunakan dengan Webhook untuk pembayaran untuk memperbaiki informasi tentang status pembayaran
• Kerangka kerja selanjutnya.js digunakan untuk membuat aplikasi tumpukan penuh
• CSS Tailwind digunakan dengan pustaka komponen shadcn UI untuk membangun desain yang indah
• Prisma orm digunakan untuk berkomunikasi dengan database

Cara lari dari repositori lokal

1. Klon Repositori
2. Jalankan perintah npm install di terminal Anda
3. Hasilkan Auth Secret, yang secara otomatis membuat file .env.local untuk variabel lingkungan (Anda dapat menggunakan .env nanti dan memasukkan rahasia ke dalamnya): npx auth secret
4. Siapkan Google OAuth: Google
5. Buat Akun Stripe dan Dapatkan Tautan Kunci.
6. Tambahkan tautan titik akhir Webhook Stripe.
7. Aktifkan tautan portal penagihan stripe.
8. Buat tautan indeks Pinecone.
9. Tambahkan variabel lingkungan ke dalam file .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. Buat Produk Baru Dengan Fitur di Stripe: Link
11. Jalankan npm run prisma:generate untuk menerapkan skema prisma
12. Jalankan npm run prisma:push untuk mendorong db ke mongodb
13. Jalankan perintah npm run dev di terminal Anda
14. Server berjalan di http://localhost:3000/

Tautan dan informasi yang berguna

• Prisma Env. Penanganan Lokal:
  • Stackoverflow
• Kompatibilitas Prisma dan Mongodb Edge:
  • Auth.js
• Contoh kode auth.js:
  • GitHub
• Halaman konfigurasi penyedia google:
  • Google
  • YouTube
• Stripe, Sesi Checkout, Webhook:
  • GitHub #1
  • GitHub #2
  • LinkedIn.com
  • Dev.to
  • Medium.com
• Kartu Tes Stripe:
  • Stripe.com

Dependensi

• Next.js
• Bereaksi
• Bereaksi dom
• Naskah
• Kueri Tanstack
• Ikon Lucide
• Tailwind CSS
• Shadcn ui
• React Dropzone
• Bereaksi pdf
• Sonner
• tanggal-fns
• Optimalisasi gambar yang tajam
• Auth.js
• Prisma
• Mongodb
• API OpenAI
• Langchain
• Pinecone
• Unggah
• PDF-Parse
• Garis

Tata letak