API Routes with Next.js 14 - Course part 10

[@codewithguillaume]

Quick note: I've made a mistake, method is not in header but over header in fetch call 🚀

[@codewithguillaume]

For QUERIES: async function GET(req:NextRequest){ console.log(req.nextUrl.serachParams.get("keyword")) }

[@AmodeusR]

Thanks, this video helped me a lot. Not even the official NextJS focumentation had a proper explanation of how to make routes and such.

[@briancooper1789]

Excellent tutorial! I've watched several videos about both Next JS APIs, and server requests in general. This one is by far the best I've seen for both topics.

[@sarhan_104]

Explained more in 9 minutes than 4 hours big project video, thanks a lot guillaume

[@LyleLundy]

Very helpful, thanks! The official Next docs are a lot to read through. So this is very helpful to have it in quick video format. Very knowledge packed video!

[@codewithguillaume]

Thanks my friend ! I’ll keep improving

[@clickbaitpolice9792]

you've earned a sub mate. I've been so scared of all this postman and api stuff. you made it super simple

[@ansarqazi4377]

Hey, thanks mate. I've been finding the solution to some error related to API routes & your video literally solved it for me. Thanks a lot. Stay blessed! Highly appreciate your work!

[@yipmong]

Thank you so much, you saved me from alot of stress after goin through the documentations, copilot and chatgpt couldnt solve the issue until i stomped on your channel

[@WinchesterD]

Thanks for the explanation. It's strange that right now, in official documentation API routes are covered only for "pages router", nothing said about App router, but however, you did well showing good use cases.

[@georgesmaroun1406]

Excellente video Guillaume! Merci!

[@codewithguillaume]

👍😉

[@Devin-tf1es]

Thank you so much, I felt like I was going insane trying trying to figure out nextjs' api routes. The first main problem was realizing that you have to name each file for folder-based routes, as route.ts | js

[@codewithguillaume]

Nice !

[@PetriikVx]

Thanks so much Guillaume, after hours of searching, this video solved my problem!

[@MertMusaTemel]

Thanks a lot mate, very informative and you get a new subscriber

[@codewithguillaume]

Thanks man!

[@NickTub3]

Thank you so much!! A few minutes of my time watching this solved hours worth of troubleshooting.

[@codewithguillaume]

Thanks my friend ! Checkout my masterclass coming soon

[@atejap]

Please, keep doing this great king of job. Tks

[@johnmuku1773]

Thanks for this. This helped more than the docs

[@codewithguillaume]

Nope my friend

[@clasicalsingingfans8808]

that one video talks no BS straight to the point. Thanks, Subscribed you!

[@jeremy0x]

This was super helpful. Thanks Guillaume! Great video ✨

[@efratywestchester9291]

thank you, finally someone who explains well!!!

[@lrnngman2942]

Bro your teaching skill is amazing even I don't understand English

[@codewithguillaume]

Thanks bro! See you soon and subscribe if you didn’t yet !

[@DynamicCorp242]

Vraiment

[@jdm4657]

EXCELLENT video. It finally is starting to make sense to me. Next time do a video with Prisma so I can follow

[@JohnKimani-d6z]

Very clear explanation. Had to subscribe.

[@badis6717]

This is extremely accurate! I didn't find any simple short video that explains rest api in next js, and here we are i found your video and its also new. I thanks you alot ❤ I recommend creating a video or playlist where you explain how to make full rest api with crud, images, files, auth and db

[@badis6717]

Or you know , don't use db or external packages, instead use json files So that it remain a next next tutorial xD

[@codewithguillaume]

Everything inside Next.js 13 or with another backend framework? 🥰 thanks for comments my friend

[@badis6717]

@codewithguillaume next.js 13, in the style of this great video, but more full

[@toomanyarguments]

With server-actions, do we still need api routes?

[@zyx8463]

thanks this video helped a lot

[@elhadi9886]

very well explained and helpful, Thanx bro

[@GamingWithLag]

Thanks for the video. I did not find the context thing anywhere else which I needed

[@tamerahmed9860]

Thank you! clear explantion as always

[@codewithguillaume]

Thanks my friend

[@ssojyeti2]

Great, concise explanation thanks!

[@unnamedcodes]

You just got yourself a new subscriber. ❤

[@codewithguillaume]

Welcome my friend 🙌

[@LorraineCai]

Thanks!! You saved my life!!!

[@haraldlons]

Really good video!

[@codewithguillaume]

Thanks my friend it means a lot

[@fre6090]

how would I write unit tests for a function like this?

[@edutechpty]

Thanks a lot!

[@UAng-ro9kt]

Thanks for sharing, very helpful

[@abe6615]

What is the site he's using to monitor the api data?

[@anthonyfarias321]

The current docs does not explain this, they explain something that does not work. Use handlers

[@codewithguillaume]

True they should update it

[@muthupandideivamsanmugam1774]

thankyou for teaching sir

[@VishalSingh-ls4re]

"That's what i'm looking for. Thanks ."

[@ionutcirja7121]

Does next have any type for context? I'm talking about the api context. Couldn't find anything in their docs. Thanks

[@codewithguillaume]

Good question probably ask on Twitter on Nextjs community

[@brandonm8385]

Thanks! I wish I found this a little earlier lol. It is difficult finding good examples on v14, especially with dynamic routes.

[@lorddesert]

Simple and straight to the point. Love it. Thank you so much!

[@xmaxfuture]

great tut

[@codewithguillaume]

Thanks my friend

[@maxkosh4839]

just one question: why? Why do we need this API if we can do like anything in server components?

[@codewithguillaume]

Server components / API are 2 différents approaches. Depends on how you want to architecture your project !

[@bikibalami]

Took a whole next.js bootcamp. Never once was mentioned that the api folder works like this. Like its an active running server. Thats why my app was not building cause i just treated it as functions to fetch data from servers.

[@webmandman]

can you explain export const dynamic = 'force-dynamic'; and the build process. from what I found out today that route will be prerendered in the build process because its a static route. I had to use the 'force-dynamic' const to make it a dynamic rooute. ofcourse now I'm searching the web to figure out why my response in production is an old version. in localhost:3000 if i update my sql query to pull different data, the route response will reflect that updated data, but not in production. kinda frustrating its not working like a traditional PHP request.

[@arvindknit31]

Hi dear, can you please tell me which AI tool you are using?

[@PandiyanM]

Well and clear.

[@ohmegatech666]

OK but how do you call the API request in production once you build to Vercel? I just get a HTML response saying Authentication Required. How do you authenticate an API call from Postman to a Next app?

[@AlessiaCaraFans]

how do you call async await inside client compoenent i thought it s not possible , only if it s a server component ?

[@AndresMartinez-se9zl]

Hey, what is the difference between api routes and route handlers and which one might you use in next js 14?

[@djchoodaofficial]

In case when we need to get only one user by params(id), you fetch all users and then find selected user. Is this good because we can have more than 1000 users and our performance would be bad if we fetch that number of users.Maybe is better with RESP API to filter call to backend and get only that user

[@codewithguillaume]

Yep you can do this. This was just an example here

[@itsRahul-dd4xm]

Thankyou bro

[@TahaECHCHOUAL]

thanks

[@manassesraimundo]

how to create an API with JWT authentication in Nextjs

[@dominikyszkowski7663]

How to use this api route inside the nextjs app. for example im on page.tsx and i want under click button call post method ?

[@sergiohidalgorobles8351]

just that I was looking

[@AbuBakr1]

How do i implement API authentication? Sending request from postman for protected route

[@tandoku9133]

Why is localhost:3000/api can access pages/api/route.ts? I thought it would be localhost:3000/api/route. Sorry Im confused.

[@techjdx]

Thanks you .

[@adammuhtarif]

When i depoloy the app it's a problem of cors

[@감기여요]

What if I use js instead of react?

[@codewithguillaume]

You can !

[@PeriklesPeriklesoglu]

thank you

[@codewithguillaume]

Enjoy my friend !

[@patrikmeijer7437]

Thanks for mentioning that the file has to be named route.ts...

[@codewithguillaume]

No problem man

[@SalmanIqbal-kr8mh]

Dear Sir you fetch external api can you make small video that create custom api in api folder and fetch internal api and show in browser just 3 or 4 items fetch i tried alot of videos everyone fetching external apis only 1 youtuber create custom api and fetch internal api but i donot understand can you make?

[@alisalami1644]

i love you u save me