Application PDF AI SAAS
Une application PDF AI SaaS Full Stack a été construite avec le framework Next.js, Ui Shadcn, Openai, Langchain, Stripe et plus encore. L'application permet aux utilisateurs de télécharger n'importe quel document PDF avec une limite de taille en fonction du plan d'abonnement et de rechercher des informations spécifiques dans ce document. Seuls les utilisateurs authentifiés peuvent utiliser la plate-forme. Il existe 2 options: un plan gratuit avec une utilisation limitée et un plan professionnel pour donner plus de fonctionnalités à l'utilisateur.
Vidéo de démonstration: lien
Caractéristiques
- Permettez à l'utilisateur de se connecter à la plate-forme
- Autoriser l'utilisateur à télécharger n'importe quel document PDF et à rechercher un contenu à l'intérieur
- Intuitive glisser n 'drop téléchargements
- Visionneuse PDF pour voir le document PDF téléchargé
- 100% écrit en dactylographie
- Le modèle d'intégration du texte Opeanai a été utilisé pour intégrer le fichier PDF et GPT-4O pour discuter avec le document
- Langchain utilise pour intégrer LLM dans l'application
- La base de données Vector Pinecone a été utilisée pour stocker des données intégrées dans l'espace vectoriel
- La base de données MongoDB NOSQL a été utilisée pour stocker des informations sur les utilisateurs, les documents et le chat
- Le paiement de rayures est utilisé avec WebHook pour le paiement afin de récupérer des informations sur l'état du paiement
- Framework suivant.js est utilisé pour créer une application complète de pile
- Tailwind CSS est utilisé avec la bibliothèque de composants UI Shadcn pour construire un beau design
- Prisma Orm est utilisé pour communiquer avec la base de données
Comment courir à partir du référentiel local
- Cloner le référentiel
- Exécutez la commande
npm install dans votre terminal - Générer Auth Secret, qui créent automatiquement un fichier .env.local pour les variables d'environnement (vous pouvez utiliser .env plus tard et y mettre le secret):
npx auth secret - Configurer Google Oauth: Google
- Créez un compte Stripe et obtenez les clés du lien.
- Ajoutez le lien Stripe WebHook Endpoint.
- Activez le lien de portail de facturation Stripe.
- Créer un lien d'index Pinecone.
- Ajouter des variables d'environnement dans le fichier .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>"
- Créer un nouveau produit avec des fonctionnalités sur la bande: lien
- Exécuter
npm run prisma:generate afin d'appliquer le schéma PRISMA - Exécuter
npm run prisma:push to Push DB vers MongoDB - Exécutez la commande
npm run dev dans votre terminal - Serveur fonctionnant sur
http://localhost:3000/
Liens et informations utiles
- Prisma Env.local Manipulation:
- PRISMA ET MONGODB COMPATIBILITÉ DE LE ENDIGNEMENT:
- Exemple de code auth.js:
- Page de configuration Google Provider:
- Stripe, session de paiement, webhook:
- Github # 1
- Github # 2
- Linkedin.com
- Dev.to
- Moyen.com
- Cartes de test à rayures:
Dépendances
- Next.js
- Réagir
- Réagir DOM
- Manuscrit
- Requête en tan
- Icônes Lucide
- CSS du vent arrière
- Shadcn ui
- React dropzone
- Réagir PDF
- Sonore
- date-fns
- Optimisation d'image nette
- Auth.js
- Prisma
- Mongodb
- API Openai
- Lubriole
- Pignon
- Téléchargement
- pdf partisan
- Bande
Mise en page
