In this video, you will learn 4 different ways to protecting frontend routes in next.js 13.5. I will show you how to protect routes that can be client components and server components of next.js 13.5.
00:08 Overview to route protection in next.js 13.5
01:15 Build Navbar for Routes
04:55 Create a session variable
06:10 Protect client components in next.js 13.5
11:32 Protect client component with HOC in next.js 13.5
18:25 Protect server components in next.js 13.5
21:10 Protect routes with middleware file in next.js 13.5
#nextjs13 #auth #routes #authorisation #nextjs
React tutorials:
https://www.youtube.com/playlist?list=PL3i9po_eXL_ry_n5DZ30aEHazNCWdOUz7
JavaScript Tutorials and Projects:
https://www.youtube.com/playlist?list=PL3i9po_eXL_rwqWg1yPGBFKFZWqjaCTZe
Angular Tutorials:
https://www.youtube.com/watch?v=Qts7H8P-FpI&list=PL3i9po_eXL_qZ4PNvMUcHBERa2m9QRFo1&pp=gAQBiAQB
Angular 16 Crash Course For Begineers:
https://www.youtube.com/playlist?list=PL3i9po_eXL_orh8YJcdGNO0C6P2mHABT7
Tech Tutorials - Random:
https://www.youtube.com/watch?v=IYRrE-yikb0&list=PL3i9po_eXL_pKCqB5J5KoRdR-4uebo1r-
Complete Next.js 13 Crash Course: https://www.youtube.com/playlist?list=PL3i9po_eXL_paQQIa4qTum7_9CPqQwiFH
Node Express MongoDB Bootcamp: https://www.youtube.com/playlist?list=PL3i9po_eXL_rdDdgVHSZjmzvwUB-jj8SU
ChatGPT Tutorials: https://www.youtube.com/playlist?list=PL3i9po_eXL_qtCoSV1GHX_5Q48D2La9xW
Join our facebook group:
https://www.facebook.com/groups/996305460498149/
Contact us for development services:
https://www.linkedin.com/in/umair-jameel-24aa5368/