Next JS in Hindi #29 | Dynamic API Routes | req.query | useState() | Kartik Mukati

Hello Learners,
The twenty ninth video in Next Js Hands-on's instructional series will be this one. In this video we will see how we can create dynamic API routes in Next JS project application. Earlier we have already seen the concept of dynamic routes in Next JS. Similar to that we have dynamic API Routes. We are going to see how we can create it, use it and look into various scenarios it can be used. 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 code is available for download from my GitHub profile and repository. Please find the link below:
GitHub: github.com/kar...
If you have not seen my recent videos, please find the link below.
API Routes getStaticProps(): • Next JS in Hindi #28 |...
GET Request to API Routes: • Next JS in Hindi #27 |...
POST Request to API Routes: • Next JS in Hindi #26 |...
API Routes in Next JS: • Next JS in Hindi #25 |...
Image Component: • Next JS in Hindi #24 |...
Working with _document.js: • Next JS in Hindi #23 |...
Working with _app.js: • Next JS in Hindi #22 |...
Head Component: • Next JS in Hindi #21 |...
Page Pre-Render Project Part-3: • Next JS in Hindi #20 |...
Page Pre-Render Project Part-2: • Next JS in Hindi #19 |...
Page Pre-Render Project Part-1: • Next JS in Hindi #18 |...
SSR and CSR: • Next JS in Hindi #17 |...
useSWR hook(): • Next JS in Hindi #16 |...
Dynamic Parameter: • Next JS in Hindi #14 |...
SSR in Next JS: • Next JS in Hindi #13 |...
Fallback in Next JS: • Next JS in Hindi #12 |...
Deep Dive getStaticProps(): • Next JS in Hindi #9 | ...
Behind the Scene: • Next JS in Hindi #8 | ...
Page Pre-Rendering: • Next JS in Hindi #7 | ...
Navigation Routing: • Next JS in Hindi #5 | ...
Dynamic Routing: • Next JS in Hindi #4 | ...
Static Routing: • Next JS in Hindi #3 | ...
Difference between Next Js and React Js: • Next JS in Hindi #2 | ...
Setup Next Js Application: • Next JS in Hindi #1 | ...
#nextjs #API #APIRoutes #javascript #kartikmukati