Build Rest APIs in Next.js 14 - Middlewares | Protected APIs | MongoDB | Database Design
6.5 هزار بار بازدید -
6 ماه پیش
-
Let's build full stack apps
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:
https://whatsapp.com/channel/0029Va7y...
React tutorials:
React.js Tutorials
JavaScript Tutorials and Projects:
JavaScript Tutorial and Projects
Angular Tutorials:
Angular 16 Life Cycle Hooks - Explain...
Docker Tutorials & CI/CD:
Docker Tutorials & CI/CD
Angular 16 Crash Course For Beginners:
Angular 16 Crash Course
Tech Tutorials - Random:
Postman Tutorial - Testing APIs and B...
Complete Next.js 13 Tutorials: Next.js 13 Tutorials - App Directory
Next.js 14 Tutorials:
Next.js 14 Tutorials - App Directory
Node Express MongoDB Bootcamp: Build REST API with Node Express MongoDB
ChatGPT Tutorials: ChatGPT
Join our facebook group:
Facebook: 996305460498149
Contact us for development services 🤝:
LinkedIn: umair-jameel-24aa5368
Github Repository Link (Give it a Star ⭐️):
https://github.com/umairjameel321/nex...
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:
https://whatsapp.com/channel/0029Va7y...
React tutorials:
React.js Tutorials
JavaScript Tutorials and Projects:
JavaScript Tutorial and Projects
Angular Tutorials:
Angular 16 Life Cycle Hooks - Explain...
Docker Tutorials & CI/CD:
Docker Tutorials & CI/CD
Angular 16 Crash Course For Beginners:
Angular 16 Crash Course
Tech Tutorials - Random:
Postman Tutorial - Testing APIs and B...
Complete Next.js 13 Tutorials: Next.js 13 Tutorials - App Directory
Next.js 14 Tutorials:
Next.js 14 Tutorials - App Directory
Node Express MongoDB Bootcamp: Build REST API with Node Express MongoDB
ChatGPT Tutorials: ChatGPT
Join our facebook group:
Facebook: 996305460498149
Contact us for development services 🤝:
LinkedIn: umair-jameel-24aa5368
Github Repository Link (Give it a Star ⭐️):
https://github.com/umairjameel321/nex...
6 ماه پیش
در تاریخ 1402/11/09 منتشر شده
است.
6,510
بـار بازدید شده