Next 페이지 이동 방법 a 태그가 아니다.

import React from 'react';
import Link from 'next/link';
const NavBar = () => {
    return (
        <nav>
            <Link href="/"><h3>Home</h3></Link>
            <Link href="/about"><h3>About</h3></Link>
        </nav>
    );
};

export default NavBar;

a 태그가 아닌 Link 넥스트 태그를 사용하여 앵커로 사용한다.

리액트 라우터랑 같은 개념이라고 생각 하면 된다.