background icons
background icons 2

Video Belajar

Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Dave Gray.

Dave Gray

45747

Next.js Route Handlers | API Routes in Nextjs 13

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Learn Next.js Route Handlers which replace API Routes in Nextjs 13. With Next.js, it is easy to create GET, POST, and more routes for full stack applications and retrieve the parameters sent with those requests.

💖 Support me on Patreon ➜ https://patreon.com/davegray

⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Complete Next.js Developer: https://bit.ly/CompNextJSDev
- Advanced React: https://bit.ly/AdvReactDev
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

👇 Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

🔗 Source Code: https://github.com/gitdagray/next-js-course

🔗 Playlist for this Next.js Course: https://bit.ly/dg-nextjs

Next.js 13 Route Handlers | API Routes in Nextjs

(00:00) Intro
(00:05) Welcome
(00:28) Note on src directory
(01:23) New Route Handlers for API Routes
(02:51) Example API endpoint
(06:06) NextResponse
(07:59) GET Params & echo endpoint
(13:30) Dynamically Evaluated Routes
(14:30) POST Route Handler for a Form

📚 Tutorial References:
🔗 Next.js Official Site: https://nextjs.org/
🔗 Next.js 13 Beta Docs: https://beta.nextjs.org/docs
🔗 ES7 React Snippets Extension: https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

Was this Next.js tutorial about Route Handlers for API Routes helpful? If so, please share. Let me know your thoughts in the comments.

#nextjs #route #handlers