Build & Deploy AI SaaS with Reoccurring Revenue (Next.js, OpenAI, Stripe, Tailwind, Vercel)

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

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

--

[elliottchong]

Hello everyone! I’m the creator of this course :)

I just want to thank everyone and FCC for the support in the comments so far, Im really happy that it’s able to resonate and help everyone

I specialise in creating full stack AI + NextJS tutorials, if you enjoy such content, do subscribe and I will do my best to provide even more value ☺️

[nopetanker]

I'm starting on my final year project on creating a pdf reader with chatgpt features. Not exactly the same as chatPDF, but this tutorial covers a ton of topics that I'll be needing. Thanks for the amazing video.

[vishaloza]

Thank you once again to the FCC team for the invaluable free knowledge!

[brilliantchicken]

Just a heads up, if you're getting this error related getting Clerk Auth set up:
-"TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it."

The solution was to npm install the 4.24.2 version of clerk auth instead of the latest one.

Additionally, you'll have to open up the browser dev tools and clear out session storage and do a hard refresh + clear cache.

[Patrickaroo]

The presenter was completely and perfectly clear and understandable. Their pace and clarity were awesome. All of that on top of top-notch coding skills... and the ability to perfectly explain what is going on in their code in real-time. I am humbled. Thank you!

[pace]

These people again want me to learn everything ❤

[ehuerikensamuelobuse]

this is so nice, thank you so much for the effort you put in. you are the real guy

[ovskihouse]

Thanks a lot for the Association and 4 Dev's also

[kaisersoser]

One of the best and most interesting projects I have completed, ...by far!
Well done Elliot. I will be looking out for more material from you. You are an excellent teacher!!!

[ctrl-shift-run]

Looks fantastic. Another interesting project to try out next.

[bakulcsingh]

This is an invaluable learning tool! thanks for working hard to create and sharing this video

[xNytus]

Is this channel following the University courses I'm taking? These tutorials are spot on

[necri]

The value u r guys providing is crazy 🎉

[oleksandr]

please add subtitles! it greatly simplifies the perception of information for foreigners

[markwatney]

Thanks for the course 🤗 Do any of you had the error "Clerk: auth() and currentUser() are only supported in App Router" when setting up Clerk ?

[Victor-whbs]

completed successfully, ThankU so much. every detail is explained in an understandable manner.

[alekseirozhnov]

Making credentials public for IAM user with S3 full access is VERY dangerous. It means anyone on the internet will be able to access and manipulate (create/delete) buckets in your AWS account. To not expose those sensitive credentials on a client you either need to use presigned urls to upload files to a specific place in s3. Or to proxy this file upload through your own server so that your client doesn't upload to S3 directly

[WayOfTheCode]

This guy speaks at my speed which is amazing and what I wanted.

[somarble]

It would be really good to have the source text highlighted to see where AI took that info

[ShadowMind]

So, If I have a book in PDF format. May I use this to have GPT build ideas based upon the coverage of concepts in one or more books?