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 cuttingedge 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/elliottchong/chat...
Vercel AI SDK: https://vercel.com/blog/introducingt...
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
jediorsith
南宮千影
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