I've been experimenting with different methods to secure a route for unauthenticated users, but I'm facing difficulties in implementing it effectively.
One common issue I encountered while attempting authentication from getServerSideProps was the recurring
Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the clientredirect to handle redirection from the client side. However, now I'm encountering an error saying No router instance found. you should only use "next/router" inside the client side of your app.export async function getServerSideProps(ctx: ApiRoutesTypes) {
const cookie = parseCookies(ctx);
if (!testCookie.autho) {
const redirectLogin = true;
return { props: { redirectLogin } };
}
const query = {
text: 'SELECT fk_users_id FROM tokens WHERE token = $1 AND status = true',
values: [cookie],
};
const userId = (await db.query(query)).rows[0].fk_users_id;
...
return { props: { userId } };
}
export default function Homepage({redirectLogin }){
const router = useRouter();
if (redirectLogin) {
router.push('/login');
}
...
}
Is there a solution to this dilemma? If not, what would be the most effective approach to achieve redirection when all my pages heavily rely on getServerSideProps but also require authentication?