Firebase Realtime Chat | Build and deploy with Firebase, NextJS and Chat Engine (Best UI 🤩)

Поділитися
Вставка
  • Опубліковано 5 вер 2024
  • Here you will build a scalable, realtime chat app with Firebase, Next JS, and ChatEngine.io.
    Your app will support group chats, 1-on-1 chats, realtime messaging, image and file support, read receipts and more!
    Blog post to follow: blog.chatengin...
    Sign up at Chat Engine: chatengine.io/
    Code to clone: github.com/ala...
    Like and leave a comment for any questions and/or requests!

КОМЕНТАРІ • 40

  • @joshchant5003
    @joshchant5003 11 місяців тому +2

    pleassee make videos on how to deploy

  • @kittenpixl
    @kittenpixl Рік тому +1

    from your ReactJS Chat App 🌕 🌓 🌘 Modern Midnight Theme [2022] can you make a video on a updated version with chat settings?

    • @kittenpixl
      @kittenpixl Рік тому

      and also make it so the owner of the chat is the only person who can delete it and change its name and remove people and add user settings a home page and a admin pannel.

    • @kittenpixl
      @kittenpixl Рік тому

      and final thing group chat icon

    • @kittenpixl
      @kittenpixl Рік тому

      if possible group chat icon of course

  • @mhmoodbarakat5728
    @mhmoodbarakat5728 Рік тому +3

    we need it with next auth

    • @mariummagdy4359
      @mariummagdy4359 6 місяців тому

      Hi Mahmoud, did u find a source that was built with nextauth?

  • @vivekpanchal5189
    @vivekpanchal5189 Рік тому +3

    firebase blaze plan is paid now so can you suggest any other way to do it

    • @SatyamYadav04
      @SatyamYadav04 9 місяців тому

      hey brother have u solved this problem

  • @Programmingwithrohith
    @Programmingwithrohith Рік тому +2

    Hey dude, that's wonderful I just wanted to ask where did you get the frontend react ui available, it's amazing, where can I get the frontend react ui code

    • @mr.protienewing8343
      @mr.protienewing8343 2 місяці тому

      when you intricate an api you cant get a separate code ie hard to custimize

  • @ThanHtutZaw3
    @ThanHtutZaw3 10 місяців тому +1

    Is there any trick for firebase (pay as you go ) plan , not actually paying but using cloud function ? Or can we limit the user for the Demo app ?

    • @ThanHtutZaw3
      @ThanHtutZaw3 10 місяців тому

      Currently I solve the problems by using simple client crud , without using server cloud function.

    • @SatyamYadav04
      @SatyamYadav04 9 місяців тому +1

      @@ThanHtutZaw3 can u explain in more detail your problem , and solution

    • @ThanHtutZaw3
      @ThanHtutZaw3 9 місяців тому

      It is simple . there is cloud function which is need paid plan . What it can do is run a function when document changes . But I don't want to apply paid plan . So I just use normal add, update document . The problem is it need to wait until process is finished and when user offline these process are canceled . In cloud function it doesn't need to online and no need to wait.
      This is a hack . Not a real solution for the production . I just want to use Firebase as free as possiable.
      @@SatyamYadav04

  • @renzosilva1609
    @renzosilva1609 8 місяців тому

    I deployed it in Firebase, but the link takes me to the Welcome firebase console! Any suggestions?

  • @icreate6487
    @icreate6487 8 місяців тому

    THIS IS NOT WORKING ANYMORE... Payment goes through but keeps saying restore.... email Adam and he is not responding.

  • @samardevnath531
    @samardevnath531 Рік тому +1

    Error at 5:40 , Adding Firebase resources to Google Cloud Platform project

  • @fredjuma
    @fredjuma Рік тому

    The react js one is blank everytime i run npm build

  • @kittenpixl
    @kittenpixl Рік тому

    Hey question about the plans what does n * 1000 mean on users?

  • @yessirski2616
    @yessirski2616 9 місяців тому

    when i search for a member it says there are No Options

  • @ZettoChannel
    @ZettoChannel Рік тому +1

    Hello, in the websites it says "Free for 10 days," could you explain what that exactly means?

    • @kittenpixl
      @kittenpixl Рік тому

      I think it means light is free for 10 days

  • @HowToSkyFall
    @HowToSkyFall Рік тому +2

    how can i deploy this project in a server.?

    • @ambuyat69
      @ambuyat69 6 місяців тому

      Hey! Did you figure out how to deploy this?

  • @AbbeyBukenya24
    @AbbeyBukenya24 4 місяці тому

    cant find useful info on how to clearly setup firebase in VS code

  • @rumonintokyo
    @rumonintokyo Рік тому

    how do u get the functions folder directory?

  • @sazadshaik
    @sazadshaik Рік тому

    i am not able to use fire base in the terrminal

    • @DsChauhan08
      @DsChauhan08 Рік тому

      Me too! Any answers or way now you know?

  • @almayo274
    @almayo274 8 місяців тому

    on mobile its breaks don't hide that kind of information

  • @statixbolt
    @statixbolt Рік тому

    PLEASE MAKE ONE USING NEBDB!!!!! No chat engine plsss 🙃

  • @samahsalmi1439
    @samahsalmi1439 Рік тому

    I have this error when I deploy :
    1:7 error 'functions' is assigned a value but never used no-unused-vars
    ✖ 1 problem (1 error, 0 warnings)
    Error: functions predeploy error: Command terminated with non-zero exit code 1

  • @lyncent193
    @lyncent193 Рік тому

    please help me with the zip file

  • @samarthsingh7571
    @samarthsingh7571 7 місяців тому

    I'm gettting the following error by the end of it, when i execute
    npm run dev
    npm ERR! Missing script: "dev"
    npm ERR!
    npm ERR! To see a list of scripts, run:
    npm ERR! npm run
    please help, i followed through till the end.