Как по-нормальному ограничить доступ к страницам авторизации пользователю с токеном?

Question

[luxurypluxury]

Пробовал так:

const router = useRouter();

    useEffect(() => {
        const user = localStorage.getItem('token');
        user && router.push('/home');
    }, []);

Но страница прогружается и потом уже редирект происходит, как это сделать нормально?

Answer 1

[mvn-h24]

В случае если токен хранится на стороне пользователя, в сущности ни как, решение уже хорошее.
Необходимо записать токен, например в куки(httponly) и проверить его в middleware.ts на сервере.

Comments

[luxurypluxury]

так и есть, спасибо