Fetch Data From Firebase's Firestore Database Using React and Next.js Apps | JavaScript | Guide

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ธ.ค. 2024

ความคิดเห็น • 30

  • @guvenfazli
    @guvenfazli 7 หลายเดือนก่อน

    Man thank you so much. This is changing so fast, everyone was posting different thing, this worked totally, thank you...

    • @BugNinza
      @BugNinza  7 หลายเดือนก่อน +1

      Happy Coding 😁

    • @guvenfazli
      @guvenfazli 7 หลายเดือนก่อน

      @@BugNinza Thanks man!

  • @ToonzIndia07
    @ToonzIndia07 8 หลายเดือนก่อน

    thank bro , i get this video after 3hr of searching this content , helps alot

    • @BugNinza
      @BugNinza  8 หลายเดือนก่อน

      Keep supporting 🙌🏻

  • @rockydaffodil4770
    @rockydaffodil4770 ปีที่แล้ว

    Thanks man, I don't know why you don't get that much likes, but for real this is some great content! You earned yourself a new sub!

    • @BugNinza
      @BugNinza  ปีที่แล้ว

      Thank you. Keep supporting 🙌

  • @yogeshjjr
    @yogeshjjr 7 หลายเดือนก่อน

    you saved my monitor!!! I was just about to punch through

    • @BugNinza
      @BugNinza  7 หลายเดือนก่อน

      You owe me a coffee then 😂

  • @nestrog8105
    @nestrog8105 ปีที่แล้ว

    Thanks bro, other videos didn't work on the newest firebase version but this one did very well. Thanks again!

    • @BugNinza
      @BugNinza  ปีที่แล้ว

      👋 thank you.. keep supporting 🙌

  • @boomerangfish3558
    @boomerangfish3558 8 หลายเดือนก่อน

    Thank you so much, this was exactly what I needed!

    • @BugNinza
      @BugNinza  8 หลายเดือนก่อน +1

      Happy Coding 🎉

  • @RTG-1999
    @RTG-1999 7 หลายเดือนก่อน +1

    thank you soo much it really helped

    • @BugNinza
      @BugNinza  7 หลายเดือนก่อน

      Keep supporting 🙌🏻

  • @maxpaynestory
    @maxpaynestory 11 หลายเดือนก่อน +2

    What is the purpose of using Nextjs if you are still going to fetch data using client side libraries. Your above application will not be a SSR compatible.

    • @BugNinza
      @BugNinza  11 หลายเดือนก่อน +1

      Correct! you raised a valid point. I'll update it in my upcoming videos. Thanks

  • @PacorrOz
    @PacorrOz 2 หลายเดือนก่อน

    What theme are you using on VS Code? It look really cool!

  • @Toulkun
    @Toulkun 6 หลายเดือนก่อน

    On client side component i cant fetch data it shows empty array but on server side it fetches without problem, any ideas?

  • @tommyasek
    @tommyasek 6 หลายเดือนก่อน

    Hello! I have to say this really helped me with connecting to my database but I'm lost on how could I do that it wouldn't print every user but only information about the user logged in. I'm working on a nextjs project to school and I need to create like a page where the user would see their profile and add settings page where they could edit it. Any tips how to do it or any videos with which I could do it?

  • @adityashekharsingh2669
    @adityashekharsingh2669 ปีที่แล้ว

    it helped thanks

    • @BugNinza
      @BugNinza  ปีที่แล้ว

      Glad it helped!! Keep supporting

  • @syedmoamberraza1490
    @syedmoamberraza1490 ปีที่แล้ว

    tell me once you fetch data on one server side component from firebase then onSnapshot if you want to show user updated data how do you do that. how you could update the component which were initially render as server component.

    • @BugNinza
      @BugNinza  ปีที่แล้ว

      I understand that you want to keep the data displayed on the page up-to-date. There are a couple of ways to achieve this. One way is to have the page refresh automatically every 30 seconds, which will fetch the latest data from the server. However, this can be inefficient and may slow down your app due to unnecessary requests. A more efficient approach is to use WebSockets, which establish a persistent connection between the server and the client, allowing for real-time data updates without the need for constant page refreshes.

    • @syedmoamberraza1490
      @syedmoamberraza1490 ปีที่แล้ว

      @@BugNinza thanks for consideration but my question was little bit different, we cannot perform fetch or axios in case to fetch data from firestore and realtime db and when firebase is providing its own socket there is no need of WEB Sockets and even you cannot use it in this specific case (correct me if i am wrong, highly appreciable )

    • @syedmoamberraza1490
      @syedmoamberraza1490 ปีที่แล้ว

      @@BugNinza what we do in firebase case. once we run query and get docs and displayed them. now on client side if we get update upon firebase socket onSnapshot how can we update them.

    • @blankspace6342
      @blankspace6342 9 หลายเดือนก่อน

      Have the same concern

    • @syedmoamberraza1490
      @syedmoamberraza1490 9 หลายเดือนก่อน

      @@blankspace6342 i got solution but not 100%

  • @brnbk8910
    @brnbk8910 ปีที่แล้ว

    Can you do this with React Native Expo? This would help me a lot, I'm from Brazil and I follow your videos a lot

    • @BugNinza
      @BugNinza  ปีที่แล้ว

      Check this out: th-cam.com/video/evS7V2M1xq4/w-d-xo.html