🔴 Let’s build ChatGPT Messenger 2.0 with REACT! (Next.js 13, Firebase, Tailwind CSS, TypeScript)

🔥 Save 10% on Hostinger using code SONNY here 👉 www.hostinger.com/sonny
🚨 Upgrade your coding skills by joining the world’s BEST developer community & course “Zero to Full Stack Hero”: www.papareact.com/course
📩 Want coding problems (with solutions!) delivered to your inbox daily!?
Sign Up Here: www.papareact.com/universityo...
Join me as show you how to build a ChatGPT Messenger 2.0 app with Next.js 13. You'll learn the following in this build:
👉 How to use the ChatGPT API to create your own AI chat bot!
👉 How to use different ChatGPT models when prompting the OpenAI API's
👉 Create API endpoints in your Next.js app to securely manage requests
👉 Connect Firebase v9 to your Next.js 13 application to create & store REALTIME chats with chatGPT
👉 How to build a fully responsive site with Tailwind CSS
👉 Leverage the power of Server components in Next.js 13 (and how to use client components alongside them correctly!)
👉 How to use the new App folder structure in Next.js 13!
👉 Dynamic page routing in Next.js 13
👉 Add HeroIcons to level up your app's UI!
👉 How to use TypeScript to reduce the overall number of Bugs and Errors
👉 How to deploy the final build on Vercel!
👉 How to connect the deployed domain name to a CUSTOM domain name with Hostinger
+ So Much More!
🔴 LOOKING FOR THE CODE? 🛠️
links.papareact.com/github
🎵 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up for the PAPAFAM Newsletter here 👉 links.papareact.com/newsletter
👇🏻 FOLLOW ME HERE:
Instagram: links.papareact.com/instagram
Facebook: links.papareact.com/facebook
LinkedIn: links.papareact.com/linkedin
Twitter: links.papareact.com/twitter
Discord: links.papareact.com/discord
💰 WANT TO SUPPORT THE CHANNEL?
Donate here: links.papareact.com/donate
Grab some PAPA Merch: links.papareact.com/merch
🕐 TIMESTAMPS:
00:00 Introduction
01:03 Build Showcase
06:01 Build Tech
08:35 Hostinger Sponsorship
09:50 Zero to Full Stack Hero & University of Code
11:08 Setting up OpenAI API Key (1/3)
13:00 Setting up Firebase
14:45 Setting up Next.js & Tailwind CSS
17:16 Implementing Next.js v13 Features
23:18 Build Layout
27:49 Building the Home Page (1/2)
31:57 Implementing Heroicons
33:59 Building the Home Page (1/2)
39:03 Building the Side Bar Component (1/5)
42:40 Building the New Chat Component
46:16 Building the Side Bar Component (2/5)
49:31 Implementing NextAuth Authentication with Firebase
1:04:23 Building the Login Screen & Functionality
1:14:01 Building the Side Bar Component (3/5)
1:18:01 Setting up & Implementing Cloud Firestore
1:23:34 Implementing Create New Chat Functionality
1:33:13 Connecting to the Cloud Firestore Database
1:37:43 Building the Chat Row Component
1:50:32 Building the Side Bar Component (4/5)
1:52:09 Implementing Delete Chat Functionality
1:55:11 Building the Chat Section of the Home Page
1:58:50 Building the Chat Component (1/3)
1:59:11 Building the Chat Input Component (1/2)
2:08:15 Implementing Messaging Functionality (1/2)
2:11:58 Setting up Type Definitions
2:12:27 Implementing Messaging Functionality (2/2)
2:13:48 Implementing React Hot Toast Library for Notifications
2:21:19 Setting up OpenAI API Key (2/3)
2:35:12 Setting up Firebase Admin
2:43:56 Setting up OpenAI API Key (3/3)
2:50:56 Building the Chat Component (2/3)
2:53:33 Building the Message Component
2:59:03 Building the Chat Component (3/3)
3:05:26 Creating the Model Selection Component
3:05:57 Explaining & Implementing useSWR
3:09:18 Implementing React Select Library
3:15:05 Building the Side Bar Component (5/5)
3:16:43 Building the Chat Input Component (1/2)
3:19:38 Testing Different ChatGPT Models
3:23:33 Deploying to Vercel
3:28:37 Final Build Demo
3:30:20 Implementing a Custom Domain Name using Hostinger
3:36:28 Build Summary
3:38:45 Outro
Let’s get it PAPAFAM 🔥.
DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with ChatGPT, OpenAI or/and any of it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes.
#chatgpt #reactjs #nextjs #javascript #openai #javascript #tailwindcss #tutorial #android #reactjs #ai

Пікірлер: 422

  • @frontendsimon
    @frontendsimon Жыл бұрын

    Sonny, how are you? Here Simon from Chile. I work as a concierge and since 2021 I have been enduring mistreatment and bosses who seek to solve their problems at my expense, the last month and a half I am already directly ill (psychically, physically and financially), so I have been studying for a while to be a frontend developer and change my life. A few months ago I found your KZread channel and I must say that it blew my mind. I am immensely grateful for what you do, from your project-based courses, clones of well-known platforms, and even the music you use in your videos (which I didn't know, and in these difficult times, songs like "Honesty" or "You Blow My Mind" by Hallman help me feel better). Somehow I wanted to thank you and let you know that there are people you are helping to see the light at the end of the tunnel. I hope you are well, greetings!

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    This is an incredibly powerful message - thank you for sharing your story and I’m grateful I was able to positively impact your life 🙏🏽 Keep growing brother!!! 🔥 #PAPAFAM

  • @Dr-dyrane

    @Dr-dyrane

    Жыл бұрын

    This is so true!!! Thanks a lot Sonny!!!

  • @InfraiNFORM
    @InfraiNFORM10 ай бұрын

    For those getting stuck at 2:48:00 and finding the app not returning the answers from the openai api. Sonny used next 12 in this tutorial and in latest next 13 version routing/route handlers have been changed so the await fetch("api/askQuestion") in the chatInput component in this video no longer works. Anyone who tries to do this tut on Next 13 will get stuck here unless they opt out of using the recommended /app and use /pages instead. I might do a solution video on my channel using next 13 if enough people want to see the fix, like this comment if you want to see it.

  • @tejaswavhal2626

    @tejaswavhal2626

    10 ай бұрын

    I am using page directory for api then also i am facing the same error. please provide a solution

  • @InfraiNFORM

    @InfraiNFORM

    10 ай бұрын

    @@tejaswavhal2626 which next version?

  • @tejaswavhal2626

    @tejaswavhal2626

    10 ай бұрын

    @@InfraiNFORM i am using 13.3.4, can you please give me your code

  • @dancrha5978

    @dancrha5978

    10 ай бұрын

    Can you please make a video on how to fix it or share your code repository? I spent my whole day doing this just for it to fail 🤦‍♂️😂

  • @hacun3jr

    @hacun3jr

    10 ай бұрын

    please do a video

  • @RobShocks
    @RobShocks7 ай бұрын

    Wow, wow, wow. I have never enjoyed a tutorial as much as this. The energy and vibe is unreal from Sonny it felt like a live hackathon. How he manages to do this live for 3 hours along with keeping the stream pumped is next level. Can't wait for more.

  • @SonnySangha

    @SonnySangha

    7 ай бұрын

    Thank you I’m glad you liked it!!!

  • @CGescape
    @CGescape Жыл бұрын

    This thing is crazy... actually giving me realistic busisness insights... tried its advice.. and actually givin profit.. feels like ive unleashed the genie outta the bottle..

  • @amadeusocean1201
    @amadeusocean1201 Жыл бұрын

    Just finished the build myself and deployed it to Vercel. It works! Now, I've got an awesome place to host my own fine-tuned OpenAI models. I trained it with rap-lyrics and made OpenAI slur like a drunk sailor. Thank you so much, Sonny.

  • @024ashish5

    @024ashish5

    Жыл бұрын

    Your github link please

  • @tntextreme1965

    @tntextreme1965

    Жыл бұрын

    Fake. Show your GitHub profile to prove lol. Just another spam text

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !!

  • @beastnighttv

    @beastnighttv

    Жыл бұрын

    @@kedarvyas7134 both are different

  • @cricsaquib07

    @cricsaquib07

    Жыл бұрын

    can u share please ur github repo link i want to check some code error that i am facing

  • @tadersalaheddine5073
    @tadersalaheddine5073 Жыл бұрын

    Wow, Sonny, your course on building a blog with Next.js, Sanity, TypeScript, Tailwind CSS, Auth, CMS, and Preview Mode was truly amazing! I just finished it and I'm blown away by the knowledge and expertise you shared. Your passion for web development shines through in every aspect of the course. From morocco I am grateful for the opportunity to learn from you. I am now planning to connect Sanity with ChatGPT to generate content more efficiently. I stumbled upon your channel and found this video and I just had to leave a comment to express my gratitude. Keep up the fantastic work, Sonny! You are an inspiration to us all.

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    Thank you so much for the kind words! Keep crushing, Sanity x ChatGPT sounds like an awesome combo!!! 🔥 #PAPAFAM

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !!

  • @rajfekar4839

    @rajfekar4839

    Жыл бұрын

    @@kedarvyas7134 firebase

  • @dongyuexu4823
    @dongyuexu48238 ай бұрын

    This ChatGPT messenger app tutorial is so amazing! The tech stacks used are also fantastic. Truly appreciate!

  • @SonnySangha

    @SonnySangha

    8 ай бұрын

    Thank you I’m glad you enjoyed it!!!

  • @basb6230
    @basb623011 ай бұрын

    Very much liked watching Steve Carell create this ChatGPT Messenger. Fantastic character!

  • @harishvithal584
    @harishvithal584 Жыл бұрын

    You are great sir, your way of explanation while coding is just amazing, this channel will get millions of subscribers definitely! alot of wishes for you just keep getting more and more success and keep shining and keep making this type of content for us... really thankfull to you from bottom of my heart!!!

  • @SimonLohmann-fx2qf
    @SimonLohmann-fx2qf Жыл бұрын

    Nice, had huge Fun building this and learned a lot ! Sonny, you are the best ! Looking forward to new Builds 😎

  • @maxbettinelli9025
    @maxbettinelli9025 Жыл бұрын

    +1 for Solidity and Ethereum based tutorials (ethersjs, wagmi, rainbowkit). Huge fan of videos showcasing projects start to finish. Til the next one!

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !!

  • @maxbettinelli9025

    @maxbettinelli9025

    Жыл бұрын

    @@kedarvyas7134 typescript is used but also fire base for backend

  • @ErlWable
    @ErlWable Жыл бұрын

    I had forgotten why I was watching your videos, but what a reminder on who you are!!! BLASTED!!!!

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    I appreciate that & I’m glad you’re enjoying the content!!! #PAPAFAM 🔥

  • @jackmullin8962
    @jackmullin8962 Жыл бұрын

    1100 likes in 4 hours! Sonny you are smashing it lad!!! Dubai style lol 😎 just landed my first react native developer interview cause of you! I owe you man. Been hard work grafted did your deliveoo but added way more features and design style spent ages on it. Learnt / learned so much. Thanks bro!

  • @jackmullin8962

    @jackmullin8962

    Жыл бұрын

    Already got a degree but finding your channel has really helped me. Your a legend 👏 🙌

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    This made my day thank you for sharing dude! #PAPAFAM

  • @jackmullin8962

    @jackmullin8962

    Жыл бұрын

    @@SonnySangha I owe you!!! You are epic! Don't get me wrong still plenty plenty of hard work and effort for me to do but last 4-5 months been cool. I love coding again. ♥️

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    @@jackmullin8962 you’ve already repaid me by smashing it in your career dude, keep growing! 💪🏽🔥

  • @abdulfaridolakunle9304

    @abdulfaridolakunle9304

    Жыл бұрын

    @@jackmullin8962 I am very happy for you, How can I get in contact with you. I'm also a reactjs developer, I will like to have a chat with you. Hoping for your positive response

  • @Rantalytics
    @Rantalytics Жыл бұрын

    sonny would loveeee you to go deeper on models and AI based projects. Thank you so so much for your time and effort. You're doing incredible work and i'm grateful to have found this channel! much love

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !!

  • @raymondc.alvarezvelez5869
    @raymondc.alvarezvelez5869 Жыл бұрын

    I went through the whole thing and learned a lot. Thank you for the wonderful content!

  • @JoelFunk
    @JoelFunk Жыл бұрын

    Definitely here for more AI tutorials. Great video as always, Sonny!

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !!

  • @joc414
    @joc414 Жыл бұрын

    Sonny your channel is AWESOME 🔥🔥🔥 This is my first time following your stream. Thank you so much!

  • @willowPAPA
    @willowPAPA Жыл бұрын

    One of your best Sonny! Loved it, keep up the great work

  • @pdovhomilja
    @pdovhomilja Жыл бұрын

    Thank you Sonny for your super amazing video. I love all that you do for developers. Every time I code with you I feel great energy and flow. Thank you once again, bro. Czechia is with you!

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !!

  • @pdovhomilja

    @pdovhomilja

    Жыл бұрын

    @@kedarvyas7134 This tutorial is TypeScript and FireBase. There is Next.JS which is FullStack = frontend+backend

  • @Sebastian-fj1wn
    @Sebastian-fj1wn Жыл бұрын

    Again. The best course you can find. GRACIAS

  • @Lamsa_TV
    @Lamsa_TV Жыл бұрын

    can't love you less Sonny, keep doing the amazing builds, you're really pushing our skills with more than the speed of light😄, can't be tired of referring you channel to others

  • @024ashish5

    @024ashish5

    Жыл бұрын

    can u provide ur github link bhai

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !!

  • @TheJonChristie
    @TheJonChristie11 ай бұрын

    Impressive and seamless tutorial Sonny. I'll be checking you out moving forward. Thanks for the incredible value 👍.

  • @deepsick706
    @deepsick706 Жыл бұрын

    I love the way you put music on the background. I am starting to build this. Love from 🇳🇵

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    Thank you so much 😀🙏🏽🔥

  • @renatomignogna6895
    @renatomignogna6895 Жыл бұрын

    Great code along, thanks for sharing this. learning loads from your tutorials. Keep up the great work!

  • @user-gnwolmgkqpcn15829
    @user-gnwolmgkqpcn15829 Жыл бұрын

    Your passion and work are very impressive and it has been helping me a lot. Thx a lot.

  • @mayankughade3585
    @mayankughade35855 ай бұрын

    This video gained you a subscriber, crazy build loved it !!!!!!!!

  • @AleksandrLubovskiy
    @AleksandrLubovskiy11 ай бұрын

    Thanks for tutorial, all feature is working from start to finish!

  • @rohansingla4270
    @rohansingla4270 Жыл бұрын

    Sony bro, I really want to thank you for helping so much with ur livestreams and videos i learn a lot from you. Your teaching skills are amazing bro. You have taken my coding skills to a professional level. You are doing a Great job brother keep it up !!

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !!

  • @rohansingla4270

    @rohansingla4270

    Жыл бұрын

    @@kedarvyas7134 firebase as backend

  • @tokyodynamite6497
    @tokyodynamite6497 Жыл бұрын

    plus, you did get me my job as a Junior Full Stack Engineer. so ty for that as well.

  • @SuperPompey77
    @SuperPompey77 Жыл бұрын

    Brilliant! Love these builds!

  • @SuperPompey77
    @SuperPompey77 Жыл бұрын

    Because this is my favorite channel on the whole internet, I'm going to get the best membership there is and I'm going to come out to Dubai and give it to Sunny personally. Maybe in the spring. Got to go to England anyway so might as well take a detour to Dubai.

  • @youngwolf1009
    @youngwolf1009 Жыл бұрын

    This tutorial looks really interesting, im definitely gonna come back after learning typescript.

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !!

  • @CMNDSAUDIO
    @CMNDSAUDIO Жыл бұрын

    76 thousand views and only 2.5 thousand likes. kinda fucked up considering this is super dope content as far as tutorials go, its modern, useful, and high energy. Def deserves more love.

  • @beingwhale
    @beingwhale Жыл бұрын

    This was a marvelous build. Thanks for sharing..

  • @53strat55
    @53strat553 ай бұрын

    Nice, I want to learn a bit about backend and firebase so this is perfect.

  • @SonnySangha

    @SonnySangha

    3 ай бұрын

    Awesome!

  • @Relaxwithpeter254
    @Relaxwithpeter254 Жыл бұрын

    I lov the way you enjoy what you do🔥

  • @jingli9232
    @jingli9232 Жыл бұрын

    you're a gift!!!! learned so much from you

  • @shivamshah6579
    @shivamshah6579 Жыл бұрын

    I can't even explain how Papa React is changing the IT industry scene. I've been closely following him since the clever programmer days, Just completed building this app and deployed successfully. Sonny my Man, you have earn respect from us . ++Respect

  • @abcoolguy
    @abcoolguy11 ай бұрын

    Hey sonny. Great video as usual!!! After watching you video i created my own, hosted on vercel and its working perfectly. Your .env file tip was really helpfull. Thanks a lot and keep it coming!!!

  • @zamandahar8530

    @zamandahar8530

    10 ай бұрын

    Would you please share your repo with me ? i need the code because sony sangha not providing the repo for free

  • @derekprieur5258
    @derekprieur5258 Жыл бұрын

    This build is sick 📈🔥

  • @rajuraman5773
    @rajuraman5773 Жыл бұрын

    this is so sick build

  • @HenokGebresenbet
    @HenokGebresenbet Жыл бұрын

    great job papa react love from Ethiopia

  • @50shadesofgrade
    @50shadesofgrade10 ай бұрын

    Off the chain😁

  • @franklinmayoyo
    @franklinmayoyo Жыл бұрын

    This was massive 🔥🔥

  • @skylakefreak3665
    @skylakefreak36658 ай бұрын

    Those who aren't getting any response at 2:48:00 is due to OPENAI has stopped giving free access to API'S. Solution: Just setup a payment method for your API and Tie it with limit so you don't overexceed the cost you can't bear, for example like $2. After doing this things your API will work And generate Response. And you will get your query resolved.

  • @suniyamokipallo2571
    @suniyamokipallo2571 Жыл бұрын

    This is best tutorial ! Please build part 2 of this with more advanced features. Also include the capability to display images as output of BOT.

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !!

  • @burhankhatib
    @burhankhatib11 ай бұрын

    @SonnySangha you are with no doubt the best teacher out there! Is it possible to update the repo or create a new video where we can use GPT-4 instead of GPT-3 because its a bit out dated now after 2 months only 😅😂 Thank you so much bro !

  • @shubender
    @shubender Жыл бұрын

    Great job! Thank you a lot! My chat have problems with little bit complicated requests. If I ask distance from Earth to the Moon - it answers normally. But if I ask "Write VAST Tag using SIMID Framework" - I had no answer and 504 error. Usual ChatGPT give my correct answer without problems.

  • @vladyslavvideos
    @vladyslavvideos Жыл бұрын

    Fantastic video! Thank you very much!!!

  • @codewithtonny8176
    @codewithtonny8176 Жыл бұрын

    amazing indeed 💯🔥🔥

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    Thanks bruh! 🔥🤙🏽

  • @rohanbhardwaj9319
    @rohanbhardwaj9319 Жыл бұрын

    sonny you are the best. Great project.

  • @toastrecon
    @toastrecon Жыл бұрын

    Amazing. Thanks, Sonny! You really should have 2-3x the subs that you do!

  • @rennan9891
    @rennan9891 Жыл бұрын

    Greetings from Brazil, esse cara é muito foda! O entusiasmo dele é contagiante.

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    🙏🏽🔥

  • @user-lb8bv6eo5o
    @user-lb8bv6eo5o7 ай бұрын

    Maaaaan this is great. Thank you!

  • @sushilchauhan7660
    @sushilchauhan7660 Жыл бұрын

    Love your work, awesome

  • @patrickv.murray4339
    @patrickv.murray4339 Жыл бұрын

    pretty excited for this...going to start it today.

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    You got this! It’s a lot of fun!

  • @amadeusocean1201

    @amadeusocean1201

    Жыл бұрын

    How did it go? I just finished mine and have found a few bugs. Was wondering how you solved them.

  • @shuvamsantra4706
    @shuvamsantra4706 Жыл бұрын

    I will be trying to make a react native app using your video as reference.. thanks for this video

  • @meditationmusic1118
    @meditationmusic1118 Жыл бұрын

    Uniquely beautiful content 🔥🔥🔥

  • @dDesirie
    @dDesirie Жыл бұрын

    15:37 when I run this command in the terminal it creates the project with npm although I already have yarn installed. How did he create the project with yarn instead?

  • @chetanthakur8073
    @chetanthakur8073 Жыл бұрын

    Great man🎉

  • @lawrencehilary4187
    @lawrencehilary4187 Жыл бұрын

    Amazing content. Really educative.

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    Thank you so much! Enjoy!!

  • @HarryWuTech
    @HarryWuTech5 ай бұрын

    Hi @Sonny would you please let me know how did you resize the browser windows in 3 different sizes so quick : ) at video time 1:42:21 Thanks

  • @motivation2study_
    @motivation2study_ Жыл бұрын

    Hey Sonny! Your projects are extremely good! Pls make Telegram clone!

  • @chaddaking
    @chaddaking11 ай бұрын

    Keep smile and observe

  • @eliuddyn
    @eliuddyn Жыл бұрын

    Almost 200K 🔥🔥

  • @monkeywithlightning3140
    @monkeywithlightning3140 Жыл бұрын

    I love this man

  • @hapidzfadli
    @hapidzfadli Жыл бұрын

    session always return undifined, why?

  • @user-zq1wn7th8m
    @user-zq1wn7th8m7 ай бұрын

    Hello to everyone!! I`m asking for help. When specify collection() I face like this error at 1:36:00- FirebaseError: Expected type 'Query', but it was: a custom CollectionReference object. What is the reason of it? Thanks in advance!

  • @devprajapati14
    @devprajapati14 Жыл бұрын

    how to add a dark/light mode switcher in this?? i tried for hrs but failed

  • @kawisofttechnologies6200
    @kawisofttechnologies620011 ай бұрын

    I just love your intro 😄

  • @lukeskywalker7029
    @lukeskywalker7029 Жыл бұрын

    @Sonny Can you do a video on 404 and 500 error pages in app directory? Especially in context of nested dynamic routes for i18n routing :)

  • @5canwalk
    @5canwalk11 ай бұрын

    Ingenious 🎉❤

  • @bpena610
    @bpena610 Жыл бұрын

    Hey I’m stuck on the authentication portion. After i click my profile to log in it says secure connection failed ssl received a record that exceeded the maximum permissible length i check my .env.local file and everything is fine so is the firestore configurations. Please help!

  • @sonlam1228
    @sonlam1228 Жыл бұрын

    May I ask if you apply transformer architecture to gpt chat messages?

  • @sellcorporation
    @sellcorporation Жыл бұрын

    Sonny, wonderful work on the video and the explanations. Everything in a few hours must have been a nice challenge. Do you know whether the chatbot could be pre-trained with a certain "story"/data, so that it knows the context, before I embed it's ..."intelligence" into a website/app? And then maybe even instruct the GPT API to ask some specific questions, which somehow, whatever placed, understand context and unlock...levels. Using the same platform and tools you have suggested, of course. Thank you very much for sharing your knowledge with the world. You are doing a really humanity service. If only everyone could see what we see about the potential of intelligence, and even the current growth in data absorption per...day.

  • @rahmatsulistio
    @rahmatsulistio Жыл бұрын

    its cool, btw what tools do you use to record and drawing on the screen?

  • @gendev1105
    @gendev1105 Жыл бұрын

    Hi From Tunisia ! This Is So Coool Sonny , I really like what you are doing , Keep it up Bro , and Thank You 💯

  • @manueldinisjunior
    @manueldinisjunior Жыл бұрын

    beats slapss so haaaard

  • @Leo-kx8gu
    @Leo-kx8guАй бұрын

    I'm creating the next app by folowing your instructions but i'm not getting the same files that you have in your ide

  • @Magistrado1914
    @Magistrado19147 ай бұрын

    Excellent course and video. 07/08/2023

  • @grysn418
    @grysn418 Жыл бұрын

    i actually can't get past the terminal tailwind css installation. i'm on windows so when i use the command line, it says "'npx' is not recognized as an internal or external command, operable program or batch file." do you know what i'm doing wrong?

  • @almostdaylight5929
    @almostdaylight59298 ай бұрын

    I'm stuck at the access:denied for google auth part. I've tried everything(create new credentials, cleared browser cache and still nothing. Please can anyone help out. thanks

  • @BehindTV
    @BehindTV Жыл бұрын

    has anyone updated it to use the new gpt-3.5-turbo?

  • @tokyodynamite6497
    @tokyodynamite6497 Жыл бұрын

    ty for the tutorial

  • @TheEujay29
    @TheEujay29 Жыл бұрын

    Thank you sir, I learnt a lot. By the way how to format the replies same with chatgpt that it automatically format like code, list or table

  • @QuestFire-OnePiece
    @QuestFire-OnePiece Жыл бұрын

    after deploying it on vercel openApi didn't response even on the firebase i didn't anything can someone help me out pls? on the vercel functions log it shows error not able to call /api/askQuestion

  • @jesusdoungoupou4890
    @jesusdoungoupou4890 Жыл бұрын

    From Russia I really like your videos

  • @darkstar5574
    @darkstar55747 ай бұрын

    Is there any way to only use 1 model? I want to use gpt-3.5-turbo

  • @otmanalami6621
    @otmanalami66219 ай бұрын

    can you edit the prompts like in the current chatgpt?

  • @syntheticquimera6642
    @syntheticquimera6642 Жыл бұрын

    Amazing video Sonny, thank you. In firestore, the collections inside the document are not deleted, is there a way to do it?

  • @syntheticquimera6642

    @syntheticquimera6642

    Жыл бұрын

    It is deleted only when there are no messages, but if there are messages the information persists.

  • @manuelm1209

    @manuelm1209

    10 ай бұрын

    Same here

  • @tylertaewook
    @tylertaewook7 ай бұрын

    Has anybody had issues with setting up firebase security rules? Not sure why normal security rules are not working for his example

  • @gallerenfeld2974
    @gallerenfeld2974 Жыл бұрын

    Hi Sonny , You are amazing ! I got stuck in the auth part, when I click on the "SignIn" button that links to Google I am sent to Next's 404 and not to google account 404. 1:09:42 Does anyone know what could be the reason for this?

  • @akhror-oshie

    @akhror-oshie

    Жыл бұрын

    found a solution, it was because I requested by localhost:3001 due to localhost:3000 running another project. I repeated the same with localhost 3000 and with the same email.

  • @user-dt3ds7ci8p

    @user-dt3ds7ci8p

    Жыл бұрын

    have you find a solution? have the same problem

  • @gendev1105

    @gendev1105

    Жыл бұрын

    If you are using the src directory , make a new pages directory on the root of the project , then move the [...nextauth].ts file to pages/api/auth/ , Hope This helps :)

  • @AntNZ
    @AntNZ Жыл бұрын

    just got to 1:55:08 - this is by far the coolest build man, please please do more in this next-auth, next 13.x, tailwind and chatgpt space. This is so damn cool!! Is it possible to deploy next 13 to firebase hosting??? I also made a logout function at this point to prevent using the back button. is there a better way to do this?? const logoutUser = () => { signOut({ redirect: true, callbackUrl: '/' }).then(() => router.replace('/')); }

  • @shahdhairya208

    @shahdhairya208

    11 ай бұрын

    hey, I'm stuck at 18:00. Can you please help me?

  • @jman5447
    @jman54479 ай бұрын

    This happened to me: 1:13:04 when I successfully login, the page still rendered the Login component. How can I solve this?

  • @benjoquilario3777
    @benjoquilario3777 Жыл бұрын

    Thank you sonny

  • @asbaqq

    @asbaqq

    Жыл бұрын

    This project able to create free

  • @lifeofme3172
    @lifeofme31722 ай бұрын

    in login.tsx sigin not working, i used right client id and secret in env and the auth file. not sure why i dont see the google page or redirect url also. i tried even whitelisting but doesnt seem to work i just get localhost:3000/api/auth/error and 404 not found

  • @KaruturiEswarGowthamBEC
    @KaruturiEswarGowthamBEC Жыл бұрын

    I really like your content. Can you please help me with this error 'yarn' is not recognized as an internal or external command, operable program or batch file.

  • @shoxruxnurimov5251
    @shoxruxnurimov5251 Жыл бұрын

    Not working css style in page.tsx and layout.tsx? I installed Tailwindcss Intellisense but not working. Can you help me?

  • @manueljesus3160
    @manueljesus3160 Жыл бұрын

    Es going to be safe and applied for the reply from the other guy!

  • @lukeskywalker7029
    @lukeskywalker7029 Жыл бұрын

    One thing I dont understand in your build with firebase, is the useCollection hook in the frontend. I suppose the hook makes sure to not leak sensitive data like Firebase API key to the frontend right?

  • @deeepxhit

    @deeepxhit

    Жыл бұрын

    I have same doubt on this... I've searched about this for an hours but couldn't have clear answer. Can anyone have an answer on this?

  • @lukeskywalker7029

    @lukeskywalker7029

    Жыл бұрын

    ​@@deeepxhit Here comes ChatGPT's answer: The useCollection hook in Firebase is a React hook that is used to interact with a collection in a Firebase Cloud Firestore database from the frontend. It does not directly prevent the leakage of sensitive data like the Firebase API key to the frontend. However, Firebase does provide security rules that can be configured to control access to data in Firestore. These rules specify who can access the data and what actions they can perform on it. By properly configuring security rules, you can ensure that sensitive data is not leaked to unauthorized users. In addition, Firebase also provides a way to store sensitive data securely using the Firebase Functions service. Firebase Functions allows you to write server-side code that can interact with your Firebase project, including accessing sensitive data that should not be exposed to the frontend. So, while the useCollection hook itself does not prevent the leakage of sensitive data, Firebase provides several mechanisms that can be used to ensure that sensitive data is not exposed to unauthorized users.

  • @kedarvyas7134

    @kedarvyas7134

    Жыл бұрын

    typescript is used or firebase is used in this video for backend?? please answer !