Building REST APIs with Next.js 14 - Course for Beginners

Подписаться 10 млн

Просмотров 58 тыс.

50% 1

Learn how to code REST APIs using Next.js 14. You'll learn to create multiple MongoDB models, how to protect API routes, deploy APIs, and more.
Course developed by ‪@ProgrammingwithUmair321‬
Code: github.com/uma...
⭐️ Contents ⭐️
⌨️ (0:00:05) Overview of project
⌨️ (0:03:21) Create new next.js project
⌨️ (0:04:11) Files and folder structure
⌨️ (0:07:41) Connect to database
⌨️ (0:16:26) Create user schema
⌨️ (0:19:26) GET users api
⌨️ (0:24:46) POST new user api
⌨️ (0:30:32) PATCH user api
⌨️ (0:39:51) DELETE user api
⌨️ (0:45:41) Create category schema
⌨️ (0:49:21) GET categories api
⌨️ (0:54:35) POST category api
⌨️ (0:58:46) PATCH category api
⌨️ (1:08:41) DELETE category api
⌨️ (1:12:49) Create blog schema
⌨️ (1:14:39) GET blogs api
⌨️ (1:21:14) POST blog api
⌨️ (1:25:59) GET single blog api
⌨️ (1:33:12) PATCH blog api
⌨️ (1:38:41) DELETE blog api
⌨️ (1:41:56) Search blogs api with keywords
⌨️ (1:46:31) Filter blogs with date
⌨️ (1:50:16) Sort blogs api
⌨️ (1:51:26) Blogs pagination
⌨️ (1:56:36) Protect api routes
⌨️ (2:08:41) Logging middleware
⌨️ (2:11:56) Deployment
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: www.freecodeca...
Read hundreds of articles on programming: freecodecamp.o...

Опубликовано:

8 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 67

@ProgrammingwithUmair321 4 месяца назад

Hello guys, hope you learn something new from my tutorial. Happy coding! 😊

@Que-Lindo 4 месяца назад

Awesome tute. Thank you!

@revanthreddy790 4 месяца назад

Do you have such a course for Angular as well? Working with APIs and all. If you dont can you please make one using SQL server?

@falcan7752 4 месяца назад

Thank you, man. Really awesome tutorial. Just one more thing, When will you post part 2?

@alexiusadi6668 4 месяца назад

thank you man

@dungle-tv1ge Месяц назад

thank you, so so so so so so much for this tutorial. i was find this a long long time

@SulfiOP 4 месяца назад

All my coding knowlage is from this guy, huge respect to u !

@samanehazhar7126 23 дня назад

Me too

@AnjaliPandey-nz9eb 13 дней назад

Thank you for this video, I was searching for backend crud operation with next js at multiple places and channels but not satisfied anywhere, but your tutorial is really amazing, simple and sort. Thankyou again

@samuelm860 11 дней назад

Really good tutorial! I love that you explained everything so detailed

@subratasadhukhan2161 7 дней назад

Thank you sir, This is a great video. I am learning a lot. I was searching this type CURD operation with Next Js. It would be very beneficial if these types of frontend and backend CURD operations were shown together in same platform with Next Js.

@lebohangmotseki6850 12 дней назад

Great video, I learned a lot and enjoyed every step of of it. Thanks very much sir!!!

@ashwanikapur 4 месяца назад

I will do this tutorial during my flight to home 😊

@ChristopherMcAndrew-bd3wf Месяц назад

Thanks a lot, that was an excellent overview! Much appreciated.

@falcan7752 4 месяца назад

Really nice one. Can't wait for part 2!!!!!!!!

@martygo 4 месяца назад

Next.js is now PHP. Awesome video.

@idahodz 4 месяца назад

By the time I finish this, Next15 will be launched 😂

@ProgrammingwithUmair321 4 месяца назад

Next.js 15 will still be using app directory structure and you can still follow along with my this tutorial even in next.js 15.

@idahodz 4 месяца назад

@@ProgrammingwithUmair321 Yes of course, I was just kidding about fast nextjs releases. Thank you for creating such an awesome tutorial 🙏🏻 Will definitely follow along this weekend

@soumyaswaroopsootar 3 месяца назад

😂😂😂

@mobeensarwar5420 4 месяца назад

impressive 👏👏

@pawansoni630 Месяц назад

Sir please make one more video on cloudinary , How to upload image/images ,video and more to server

@khurramshehzad9350 4 месяца назад

Thank you so much for sharing 🤗😊

@shashwatshrey9248 3 месяца назад

10:40 MongoDB Connection String 40:00 VSCode Extension [Tab9]

@nehap2-6 4 месяца назад

Hello everyone, Please Make a video on the Next.js 14 Conceptually. Thankyou!!

@skwiizi 4 месяца назад

Could you do a full course for Haxe?

@AVidhanR 4 месяца назад

Let's gooo 🎉

@randomride6057 4 месяца назад

Is this suitable for complete beginner?

@umairimran4049 2 месяца назад

If you have knowledge about JS and know how the different requests work then it is a great video to develop rest apis for you.

@jpsm83 3 месяца назад

Great video, thanks. I got a question, I always get IDs (user, blog, category, etc) with context but here I see you use "const { searchParams } = new URL(request.url)". Whats the difference between both and why should I use one insted of the other or in wich situation I supose to use one or another? I got lots fo "different" answers about that and I dont know what you use. Thanks

@onigbindedavid6630 3 месяца назад

The search params is for getting value from the url query..any thing after the the question mark ?

@kkang-aji 4 месяца назад

I invest in India because of you!! 🎉🎉

@PIERREJUNIORNDANGESSI 2 месяца назад

Thanks

@nizamudeensherif 3 месяца назад

Waiting for Part 2

@madickecisse8131 4 месяца назад

I always thought that server actions were the only way to go

@ulrich-tonmoy 4 месяца назад

How viable is it compared to Express

@NarenKumarR-cy5mb 2 месяца назад

what extension are you using for code completion

@abdoughn7698 Месяц назад

. ?

@ΚωνσταντίνοςΠόρο 19 дней назад

Tabnine something like that he said

@naturevibes5388 4 месяца назад

Need a course on getting a job

@freecodecamp 4 месяца назад

Here is a course about getting a job: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-6nz8GXjxiHg.html

@naturevibes5388 4 месяца назад

@@freecodecamp totally missed it, Thanks a ton

@vocalchameleon9570 3 месяца назад

Hi @ProgrammingwithUmair321, thank you for the great video. Please I have a question. I decided to deploy nextjs api route on netlify but it gave a strange result. When the only request in the api/test/routes.ts is GET, it works fine. But whenever I add POST, it keeps showing 404 after deployment. Have you or anyone experience this type of issue before and how can it be resolved? I have tried the best I could to resolve it but all effort was futile before coming out to ask for help. PLEASE

@oktayaltunkaya9019 3 месяца назад

Is it possible to build rest Api with express than use with next js like mern+nextjs

@umairimran4049 2 месяца назад

I think it is possible because I have seen videos of Django as backend and next js as frontend so I think it is possible to use express as backend and Nextjs as frontend

@Victor-dd7el 4 месяца назад

what is the difference between API routes and server actions?

@SoccerEdits.777 4 месяца назад

API routes are used to create endpoints for handling requests. On the other hand, Server actions' purpose is to handle server-side login directly within client components. (I might be wrong somewhere sorry if I am and you can correct it :) )

@riteshgoswami1596 3 месяца назад

what's about verify to token

@bilalddev-ew6gj 4 месяца назад

love from Pakistan.

@syedhaaris97 4 месяца назад

Nextjs with prisma ORM along with mongodb is the best for rest api.......

@wilfrieddon3958 4 месяца назад

LOL

@syedhaaris97 4 месяца назад

@@wilfrieddon3958 what?

@codewithbiswa 4 месяца назад

❤❤❤

@J.Vamshikrishna 4 месяца назад

First comment

@rishiraj2548 4 месяца назад

🙏🙏👍

@zeusek-2137 4 месяца назад

Dude actually showed ip address in public video xD lol

@xtan-yt 4 месяца назад

Doesn't matter if it's just a public ip address

@Ironlionm4n 3 месяца назад

So hard to follow him he talks so fast and all the words just run together incoherently

@umairimran4049 2 месяца назад

Asians think that they are speaking slowly which is why when they speak English they try to speak fast. You can slow down the playback speed

@Xeras82 4 месяца назад

0815

@volpone45 11 дней назад

can i build and access mogoDB with free account to connect with this projects ?!?!

@MDAquib-tg4hv 19 дней назад

at 22:14 i wasn't able to get the same result even though followed every step up until then. The only thing different in my nextjs project was that i was using src directory. Can anyone guide me?

@ReyanJohnNarvaja 4 дня назад

if you have this error: errThe `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string. on the lib/db.tx file, the connect import was probably this: import { connect } from "mongoose" if so change it to : import { connect } from '@/lib/bd' this solved my error if not, please paste the err, and Ill try to recreate it