Link

import React from "react";
import Link from "next/link";

const Navbar = () => {
  return (
    <nav>
      <Link href="/">
        <a>Home</a>
      </Link>

      <Link href="/about">
        <a>About</a>
      </Link>
    </nav>
  );
};

export default Navbar;

페이지 이동처리를 할 때는 Link태그를 이용한다.

 

Link태그 안에서 style, className...등 전달이 불가능하기 때문에

<a>태그를 써줌으로써 전달해준다.