Next JS in Hindi #20 | Page Pre-Rendering & Data Fetching | Project Part-3 | Kartik Mukati

Hello Learners,

The twentieth video in Next Js Hands-on's instructional series will be this one. In this video I will be continuing the page pre-generation project part-2 by implementing the client side data fetching techniques for the project application. So far in the project, we are fetching the data and pre-rednering it using the Page Pre-Generation approaches in this video I will be showing an alternative way of it i.e client side data fetching In this video, we will be loading and rendering the react component data using client side approach.
I will tell you the need of client side data fetching, where in which scenarios you should use which approach of data fetching in Next JS. This video will be the part three of the data fetching and page pre-rendering project. For the back-end setup I will be using Firebase service provided by Google free of cost. I have created Next JS application on v12.0.0. If you are also doing hands-on with me please setup your application with the same version so that we will be on the same path, and you do not see any surprises.

The project setup is available for download from my GitHub profile and repository. Please find the link below:

GitHub: https://github.com/kartikmukati/nextj...

The project code is available for download from my GitHub profile and repository. Please find the link below:

GitHub: https://github.com/kartikmukati/nextj...

If you have not seen my recent videos, please find the link below.

Page Pre-Render Project Part-2:    • Next JS in Hindi #19 | Page Pre-Rendering ...  
Page Pre-Render Project Part-1:    • Next JS in Hindi #18 | Page Pre-Rendering ...  
SSR and CSR:    • Next JS in Hindi #17 | Combined Server Sid...  
useSWR hook():    • Next JS in Hindi #16 | useSWR() hook | Thi...  
Dynamic Parameter:    • Next JS in Hindi #14 | Dynamic Parameter i...  
SSR in Next JS:    • Next JS in Hindi #13 | SSR | Server Side R...  
Fallback in Next JS:    • Next JS in Hindi #12 | Fallback in Next JS...  
Deep Dive getStaticProps():    • Next JS in Hindi #9 | Deep Dive Into getSt...  
Behind the Scene:    • Next JS in Hindi #8 | Behind The Scene | P...  
Page Pre-Rendering:    • Next JS in Hindi #7 | Page Pre-Rendering |...  
Navigation Routing:    • Next JS in Hindi #5 | Navigating & Linking...  
Dynamic Routing:    • Next JS in Hindi #4 | How to Implement Dyn...  
Static Routing:    • Next JS in Hindi #3 | How to Implement Sta...  
Difference between Next Js and React Js:    • Next JS in Hindi #2 | Why Next JS Over Rea...  
Setup Next Js Application:    • Next JS in Hindi #1 | Setup Next JS Projec...  

#nextjs #project #ssr #csr #javascript #kartikmukati