Kinde•16mo ago

Protect all routes except some public ones

Is there any workaround for this, I want to protect all routes but exclude the main '/', i am using layout for route protection but it is making all my pages dynamically rendered, i want them to be static, I tried regex but it didn't work, i could protect every route but couldn't add excluded routes.

IkiTg07•8/22/24, 5:00 PM

Hey, have you tried middleware ? You can use a matcher to exclude "/"

Here's an example of middleware

AmateurOP•8/23/24, 5:38 AM

My apologies, I am aware of the middleware but the middleware only protects certain routes, what i wanted to do is to create a middleware what protects all routes by default and if the user is not logged in , it redirects to the login page. But due to next.js caching, it causes issues during authentication as the image states. I wanted to know if there is a workaround for the problem

IkiTg07•8/23/24, 7:08 AM

Mmm yeah, I don’t see another way of doing that if not having your logic in the root layout of your app. You can use a wrapper like you have when using something like jotai or next themes. You create a KindeProvider or some like that and put your logic in there. Or you can just have it directly in the root layout file

AmateurOP•8/23/24, 7:32 AM

yes the problem is when building, those routes that are authenticated that way are always dynamic routes