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