Next.js Error Handling Patterns || Common Mistakes To Avoid

tapaScript by Tapas Adhikary • July 8, 2024

tapaScript by Tapas Adhikary

About

Learn Programming fundamentals, Full-stack concepts, and Web Development using JavaScript, ReactJS, Next.js, and its ecosystems. Hello Developers, Welcome to tapaScript 👋. SUBSCRIBE to the channel so that you do not miss the in-depth learning experience. I am your teacher Tapas Adhikary, a developer passionate about UI, UX, Web Development, JavaScript, React, Next.js, Nodejs, Open Source, and FullStack engineering. I have dealt with code and computers since 2000, when I got into Computer Science and Engineering. Since 2004, the last 19 years have been an outstanding journey for me, learning and building production-ready software. I am on YouTube to teach you all I have gathered over these years. My passion for teaching, content creation, and building Open Source communities taught me about building and learning in public. I have been creating written content on my blog "GreenRoots Blog', FreeCodeCamp, CSS-Tricks, and other publications. Let's GO. SUBSCRIBE and JOIN.

Latest Posts

The Ultimate React Performance Guide (Part 2): Advanced Optimizations

tapaScript by Tapas Adhikary

The Ultimate React Performance Guide (Part 1): Stop Useless Re-Renders!

tapaScript by Tapas Adhikary

React State Reducer Pattern Explained: Build Powerful & Reusable State Logic

tapaScript by Tapas Adhikary

Day 14: Error Handling in JavaScript is Easy. Let's MASTER 🤩

tapaScript by Tapas Adhikary

Video Description

Enjoying my videos & teaching? Join tapaScript as a member: https://www.youtube.com/channel/UCaYr5yxgOyk599Mnb3TGh-g/join Next.js Error handling may sound trivial but there are edge cases you must know and consider. Let us learn important error-handling patterns and common mistakes developers make. DO NOT MISS IT. Let's GO 🚀 Hey, welcome back to another informative video from the "Full Stack With Next.js App Router" series. I hope you enjoy this one the same way you liked the previous videos from the series. I take special care to provide you the best quality content. Please SUBSCRIBE to the channel to show your support. Also, could you like/comment on this video so that it reaches others? Thanks! 🫶 Timecodes 0:00 - We Will Learn These 01:24 - Understanding Error Boundaries 04:12 - Layouts, Pages, Error Boundaries 13:19 - Project Setup 18:20 - Error Handling on Root Route 26:21 - Error Handling on Subroutes 27:00 - Handling Layout Errors 32:34 - Top Layout Error Handling at Global 35:30 - Server Actions and Error Handling 41:10 - What's Coming Next? ## Videos mentioned: - https://www.youtube.com/watch?v=gQ2bVQPFS4U ## Source Code on tapaScript GitHub: - https://github.com/tapascript/next-error-notfound/tree/01-error-handling (If you like, please support the project with a ⭐) ## Join tapaScript - Join tapaScript as a member: https://www.youtube.com/channel/UCaYr5yxgOyk599Mnb3TGh-g/join - Join Discord: https://discord.gg/YzUe4DbNAz ## 🤝 My Links: - Blog: https://blog.greenroots.info/ - Follow on X(Twitter): https://twitter.com/tapasadhikary - Connect on LinkedIn: https://www.linkedin.com/in/tapasadhikary/ - Follow My Work on GitHub: https://github.com/atapas - Follow on Facebook: https://www.facebook.com/tapasadhi ## 👋 Like my work? Thank You. You can sponsor me from here: - Sponsor Me: https://github.com/sponsors/atapas - Sponsor my Blog: https://blog.greenroots.info/sponsor ## About Me: Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer with vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community. You can find more about him at https://tapasadhikary.com. #nextjstutorial #next #nextjs14 #nextjs #nextjs13 #nextjsapprouter #thinkinginnextjs #nextjstutorial #errorhandling #designpatterns