Build Rest APIs in Next.js 14 - Middlewares | Protected APIs | MongoDB | Database Design

Let's build full stack apps in next.js 14 now. Learn building rest api routes in next.js 14 using app directory. In this video, you will learn how to setup, structure and create CRUD apis in next.js 14. Learn how to connect with mongodb and create mongoose modals to create relationship between data modals.
I will create api routes for users, notes and dynamic note id. Finally you will learn how to protect whole backend using middleware and how to use multiple middleware for api routes in next.js 14.
00:03 Overview
01:30 Create first GET api route
04:00 Setup Mongo Altas
07:55 Connect to MongoDB
12:50 Create mongoose Schema for User
16:10 Create mongoose Schema for Notes
18:30 User GET api route
23:00 User POST api route
30:00 User PATCH api route
38:40 User DELETE api route
44:30 Notes GET api route
50:20 Notes POST api route
57:40 Notes PATCH api route
01:03:50 Notes DELETE api route
01:08:30 Note Dynamic api route
01:14:00 Protect api routes with middleware
01:23:10 Logging middleware for notes api routes
#restapis #nextjs14 #postman #mongodb #api #database
Follow Whatsapp Channel:
whatsapp.com/c...
React tutorials:
• React.js Tutorials
JavaScript Tutorials and Projects:
• JavaScript Tutorial an...
Angular Tutorials:
• Angular 16 Life Cycle ...
Docker Tutorials & CI/CD:
• Docker Tutorials & CI/CD
Angular 16 Crash Course For Beginners:
• Angular 16 Crash Course
Tech Tutorials - Random:
• Postman Tutorial - Tes...
Complete Next.js 13 Tutorials: • Next.js 13 Tutorials -...
Next.js 14 Tutorials:
• Next.js 14 Tutorials -...
Node Express MongoDB Bootcamp: • Build REST API with No...
ChatGPT Tutorials: • ChatGPT
Join our facebook group:
/ 996305460498149
Contact us for development services 🤝:
/ umair-jameel-24aa5368
Github Repository Link (Give it a Star ⭐️):
github.com/uma...

[@babil-it]

I loved your fun and simple explanation ❤

[@affankhan3563]

We re looking for a practical guide on integrating a real project with the front end, focusing on avoiding repeated code and implementing complex logic efficiently, especially in the context of a database.js file and routes please bring some practical project with mongodb atlas like Crud application search by id proper convention make it simple for us that we create full stack application and I appreciate your effort but for me it's useless whole code and try to run project on terminal also teach us diff technique to deploy full stack next js application these things we want from youtube

[@learn2code1]

Thanks for the easy to understand tutorial. It would be more better if you told me how to add jeson web token and a simple client side to actually test the api. I came from react js and next js is so much different

[@ricardomartinez9320]

Umair, this is one of the best videos I have seen on this topic. Thank you.

[@ProgrammingwithUmair321]

Thank you. Don’t forget to Share.

[@capybara0612]

Why throw again the same message in the catch block? The only reason you would do this is to format the error to something user friendly.

[@luckysampson6682]

Such a detailed explanation. Thank you for this.

[@SK_Covers]

Returning empty or null, while fetching the data. Any solution?

[@sebastianvind3558]

Really good video, amazing how beginner friendly you make it. Will be headed straight to the next video after this!

[@sujoyghosh7152]

Hi, following you for a couple months now. thanks a lot for these awesome tutorials. these are really informative and high quality stuff. I need help with a couple of things. can you please make a detailed video on that? In one of my personal project I need to create a cron job that runs 1st of every month. vercel provides a way to automate stuff by creating vercel.json file. can you please tell how can i protect that api route so noone else can spam that api. and is the second thing is, is there a way to get static ip in vercel? so only the vercel hosting can access my mongodb database.

[@riyanali3667]

Thanks a lot sir, I have been stuck in an error and this video helped me .... willing to connect with you.

[@MAHanif-mp8eh]

プリズマに関するビデオを提供してください

[@niklausmikaelson7332]

In post request how we will send our fields data do we need to create a function and call it and pass values?

[@lobsanggyatso6280]

can you please add next auth as well with (access token and refresh token). that will be really helpful

[@southmovie-v8x]

do the video product tittle image and description display in front end using next.js sir

[@Akshaykumar-kh2gj]

Male a api using server action GET, POST, PATCH AND DELETE PLEASE SIR 😊

[@ProgrammingwithUmair321]

Check my video on server actions and this one combined. You will get an idea how to do it.

[@oussma1785]

thank you for this video

[@melkhywong7594]

literally googling this yesterday LOl... thanks!

[@JavierDiaz-jh7ly]

+1 😂

[@prashlovessamosa]

Thanks Umair sir.

[@ap_information7679]

Amzing