API Routes with Next.js 14 - Course part 10

Get access to my private courses 👉 dub.link/devco...
Thanks for watching! Please subscribe ❤️
Guillaume
👇
Read my adventures
👉 dub.link/newsl...
Join my Discord
👉 dub.link/discord
Book a coaching
👉 dub.link/guill...
Looking for a repository?
👉 dub.link/repos
Visit my website
👉 dub.link/codew...
Install my package UserItem
👉 dub.link/useritem
💥 TOP VIDEOS
Learn Nuxt
👉 dub.link/nuxt
Learn Nextjs
👉 dub.link/next
Learn Supabase
👉 dub.link/supabase
⚙️
• Theme that I use: VSCode Dark
• VSCode Icons package: miguelsolorio.symbols
• Snippets: my own, coming soon :)
Thank you :)
Guillaume

[@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.

[@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

[@codewithguillaume]

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

[@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!

[@codewithguillaume]

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

[@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 !

[@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.

[@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

[@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

[@GamingWithLag]

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

[@anthonyfarias321]

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

[@codewithguillaume]

True they should update it

[@PetriikVx]

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

[@jdm4657]

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

[@johnmuku1773]

Thanks for this. This helped more than the docs

[@codewithguillaume]

Nope my friend

[@atejap]

Please, keep doing this great king of job. Tks

[@MertMusaTemel]

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

[@codewithguillaume]

Thanks man!

[@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

[@georgesmaroun1406]

Excellente video Guillaume! Merci!

[@codewithguillaume]

👍😉

[@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!!!

[@JohnKimani-d6z]

Very clear explanation. Had to subscribe.

[@zyx8463]

thanks this video helped a lot

[@VishalSingh-ls4re]

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

[@elhadi9886]

very well explained and helpful, Thanx bro

[@tamerahmed9860]

Thank you! clear explantion as always

[@codewithguillaume]

Thanks my friend

[@muthupandideivamsanmugam1774]

thankyou for teaching sir

[@lorddesert]

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

[@ssojyeti2]

Great, concise explanation thanks!

[@TahaECHCHOUAL]

thanks

[@edutechpty]

Thanks a lot!

[@unnamedcodes]

You just got yourself a new subscriber. ❤

[@codewithguillaume]

Welcome my friend 🙌

[@AndresMartinez-se9zl]

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

[@UAng-ro9kt]

Thanks for sharing, very helpful

[@LorraineCai]

Thanks!! You saved my life!!!

[@itsRahul-dd4xm]

Thankyou bro

[@toomanyarguments]

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

[@sergiohidalgorobles8351]

just that I was looking

[@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.

[@techjdx]

Thanks you .

[@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 !

[@haraldlons]

Really good video!

[@codewithguillaume]

Thanks my friend it means a lot

[@fre6090]

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

[@xmaxfuture]

great tut

[@codewithguillaume]

Thanks my friend

[@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

[@coinz_yt]

Hello can you tell me which theme you're using in your vscode?
thanks!

[@codewithguillaume]

Description 😉👍

[@manassesraimundo]

how to create an API with JWT authentication in Nextjs

[@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

[@PeriklesPeriklesoglu]

thank you

[@codewithguillaume]

Enjoy my friend !

[@abe6615]

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

[@arvindknit31]

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

[@AlessiaCaraFans]

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

[@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 ?

[@patrikmeijer7437]

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

[@codewithguillaume]

No problem man

[@alisalami1644]

i love you u save me

[@AbuBakr1]

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

[@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?

[@감기여요]

What if I use js instead of react?

[@codewithguillaume]

You can !

[@adammuhtarif]

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