PDF AI SAAS 앱
PDF AI SaaS Full Stack 앱은 Next.js 프레임 워크, Shadcn UI, OpenAi, Langchain, Stripe 등으로 구축되었습니다. 이 앱을 통해 사용자는 구독 요금제에 따라 크기 제한이있는 PDF 문서를 업로드 하고이 문서 내에서 특정 정보를 검색 할 수 있습니다. 인증 된 사용자 만 플랫폼을 사용할 수 있습니다. 두 가지 옵션이 있습니다 : 사용법이 제한된 무료 계획과 사용자에게 더 많은 기능을 제공 할 예정입니다.
데모 비디오 : 링크
특징
- 사용자가 플랫폼에 로그인하도록 허용하십시오
- 사용자가 PDF 문서를 업로드하고이 내부의 콘텐츠를 검색하도록 허용하십시오.
- 직관적 인 드래그 n '드롭 업로드
- 업로드 된 PDF 문서를 보려면 PDF 뷰어
- 100% TypeScript로 작성되었습니다
- Opeanai 텍스트 임베딩 모델은 PDF 파일과 GPT-4O를 포함하여 문서와 채팅하는 데 사용되었습니다.
- Langchain은 LLM을 앱에 통합하는 데 사용됩니다
- PENECONE 벡터 데이터베이스는 임베드 데이터를 벡터 공간에 저장하는 데 사용되었습니다.
- MongoDB NOSQL 데이터베이스는 사용자, 문서 및 채팅 정보를 저장하는 데 사용되었습니다.
- Stripe Payment는 지불 상태에 대한 정보를 검색하기 위해 Webhook와 함께 지불에 사용됩니다.
- Next.js 프레임 워크는 전체 스택 앱을 만드는 데 사용됩니다
- Tailwind CSS는 Shadcn UI 구성 요소 라이브러리와 함께 아름다운 디자인에 사용됩니다.
- Prisma ORM은 데이터베이스와 통신하는 데 사용됩니다
로컬 리포지토리에서 실행하는 방법
- 저장소를 복제하십시오
- 터미널에서
npm install 명령을 실행하십시오 - 환경 변수에 대한 .env.local 파일을 자동으로 생성하는 Auth Secret을 생성합니다 (나중에 .env를 사용하고 비밀을 넣을 수 있음) :
npx auth secret - Google Oauth : Google을 설정하십시오
- 스트라이프 계정을 만들고 키 링크를 가져옵니다.
- Stripe Webhook Endpoint 링크를 추가하십시오.
- 스트라이프 청구 포털 링크를 활성화합니다.
- PENECONE 인덱스 링크를 만듭니다.
- .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>"
- Stripe : Link에 기능이있는 새 제품을 만듭니다
-
npm run prisma:generate -
npm run prisma:push - 터미널에서
npm run dev 명령을 실행하십시오 -
http://localhost:3000/
유용한 링크 및 정보
- Prisma Env. 로컬 취급 :
- Prisma 및 Mongodb Edge 호환성 :
- Auth.js 코드 예 :
- Google 공급자 구성 페이지 :
- Stripe, 계산서 세션, Webhook :
- Github #1
- Github #2
- linkedin.com
- dev.to
- medium.com
- 스트라이프 테스트 카드 :
의존성
- 다음 .js
- 반응
- 반응 Dom
- TypeScript
- Tanstack 쿼리
- 루시드 아이콘
- 테일 윈드 CSS
- Shadcn ui
- Dropzone의 반응
- 반응 PDF
- 손너
- 날짜 -FN
- 날카로운 이미지 최적화
- auth.js
- 프리즘
- Mongodb
- Openai API
- 랭케인
- 피네콘
- 업로드
- PDF 패러
- 줄무늬
공들여 나열한 것
