Exploring TanStack Router on a React project to learn the core features of this new typesafe router, together.
Today we'll see how you can protect some routes with guards, allowing only authenticated users to see them, or redirect them to the login page.
Source code: https://github.com/Balastrong/tanstack-router-demo/tree/04-authenticated-routes
TanStack Start Tutorial: https://www.youtube.com/playlist?list=PLOQjd5dsGSxIEKFg4dnSQ4zQkmTktfszp
_______________________________
Support my work: https://github.com/sponsors/Balastrong
Hit like and subscribe for more content! :D
Beginner-Friendly Open Source Projects: https://github.com/DevLeonardoCommunity
Join the Discord community! Here's the invite: https://discord.gg/bqwyEa6We6
You can also follow me on the other platforms:
Twitter: https://twitter.com/Balastrong
dev.to: https://dev.to/balastrong
Home: https://leonardomontini.dev/
TikTok: https://www.tiktok.com/@balastrong
GitHub: https://github.com/Balastrong
Instagram: https://www.instagram.com/devbalastrong/
_______________________________
TIMESTAMPS
00:00 Overview
00:18 Login route
01:00 Define the guard and redirect
02:22 Using a react hook
06:03 Protect multiple routes
07:12 Hide authenticated from the URL
08:22 Organized and controlled routes
#tanstack #router #reactrouter