Learn how to build and deploy a SaaS using NextJS 13.4, DrizzleORM, OpenAI, Stripe, TypeScript, Tailwind, and Vercel. You will gain expertise in the following areas:
– Leveraging NextJS 13’s cutting-edge App Router.
– Managing Payments seamlessly through Stripe.
– Harnessing the beauty of Shadcn and the power of Tailwind CSS.
– Unleashing the capabilities of OpenAI’s API for Language Model usage.
– Interacting with databases with the efficiency of ORMs.
Resources
๐ GitHub Repo: https://github.com/elliott-chong/chatpdf-yt
๐ Vercel AI SDK: https://vercel.com/blog/introducing-the-vercel-ai-sdk
๐ Timestamp 3:20:00 /api/chat/route.ts file https://pastebin.com/crLipeHK
Course developed by @elliottchong
โญ๏ธ Contents โญ๏ธ
โจ๏ธ (0:00:00) Intro & Demo
โจ๏ธ (0:09:53) Set Up NextJS
โจ๏ธ (0:11:59) Set Up Shadcn
โจ๏ธ (0:15:45) Set Up ClerkAuth
โจ๏ธ (0:21:52) Home Page
โจ๏ธ (0:33:22) DrizzleORM
โจ๏ธ (0:50:15) File Upload Component
โจ๏ธ (0:57:11) Set Up AWS S3
โจ๏ธ (1:18:12) AI RAG Explanation
โจ๏ธ (1:30:39) React Query Set Up
โจ๏ธ (1:45:11) Set Up Pinecone DB
โจ๏ธ (2:32:27) Chat Side Bar
โจ๏ธ (2:47:42) PDF Viewer
โจ๏ธ (2:50:33) Chat Component ( Vercel AI SDK )
โจ๏ธ (3:08:02) Pinecone OpenAI Get Context
โจ๏ธ (3:26:19) Persist Chat Logs to DB
โจ๏ธ (3:34:16) Stripe Integration
โจ๏ธ (4:14:59) Deploy and Outro
๐ Thanks to our Champion and Sponsor supporters:
๐พ davthecoder
๐พ jedi-or-sith
๐พ ๅๅฎฎๅๅฝฑ
๐พ Agustรญn Kussrow
๐พ Nattira Maneerat
๐พ Heather Wcislo
๐พ Serhiy Kalinets
๐พ Justin Hual
๐พ Otis Morgan
๐พ Oscar Rahnama
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
source
