Рет қаралды 89
Hello Learners,
The thirty sixth video in Next Js Hands-on's instructional series will be this one. In this video I will be performing error handing and code optimization. We are going to use MongoDB and its cloud services to store, and get the data. We will connect our NextJS project with the MongoDB following to this we will create events database, comments collection, get our first record from the database as a document. 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.
If you have not seen my recent videos, please find the link below.
NextJS with MongoDB Project-06: • Next JS in Hindi #35 |...
NextJS with MongoDB Project-05: • Next JS in Hindi #34 |...
NextJS with MongoDB Project-04: • Next JS in Hindi #33 |...
API Routes Project-03: • Next JS in Hindi #32 |...
API Routes Project-02: • Next JS in Hindi #31 |...
API Routes Project-01: • Next JS in Hindi #30 |...
Dynamic API Routes: • Next JS in Hindi #29 |...
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