<Authenticated> <Unauthenticated> + NextJS 14
Hello,
I am using NextJs 14 with App Router, and need to display redirection to sign-in / sign-up page for unauthorised users, later also landing page, otherwise I am showing dashboard. I've set it up with Clerk/Convex provider if I use:
<Authenticated>
{children}
</Authenticated>
on redirection, the sign-in / sign-out pages are blank, because of the authorisation.
In alternative, I add <Unauthenticated> component, but how do I then do redirection to children, only for public routes ? Code as image, for easier reading.
Thanks,
WK
I am using NextJs 14 with App Router, and need to display redirection to sign-in / sign-up page for unauthorised users, later also landing page, otherwise I am showing dashboard. I've set it up with Clerk/Convex provider if I use:
<Authenticated>
{children}
</Authenticated>
on redirection, the sign-in / sign-out pages are blank, because of the authorisation.
In alternative, I add <Unauthenticated> component, but how do I then do redirection to children, only for public routes ? Code as image, for easier reading.
Thanks,
WK
Join the Convex Discord! Explore Convex, the backend platform that keeps your app in sync.
15,590Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
