We need to protect routes (admin pages) for loggedin user only who has the role of admin. Later we will also allow other users to leave a comment on the posts.

For all this we need to implement login and registration system along with forgot/reset password We can start from creating sign in page.

Also add a link to signup page in the TopNav.js so that we can easily navigate.

    icon={<UserAddOutlined />}
    style={{ marginLeft: "auto" }}
    <Link href="/signup">
        <a>Sign Up</a>

<Menu.Item key="toggle">
    <ToggleTheme />

Sign up page

const SignUp = () => {
  return <div>Sign up</div>;

export default SignUp;