NextJs

使用Link组件来在两个页面间进行客户端导航（client-side navigation）。

import Link from 'next/link'
export default function FirstPost() {
  return (
    <>
      <h1>First Post</h1>
      <Link href='/'><a>Back to Home</a></Link>
    </>);
  }

:::info href要写在Link上而不是a上面，a上的导航是浏览器处理的，会慢一些。如果在chrome开发者工具里面修改一些样式，会发现Link导航不会重置样式，因为不是由浏览器处理的。
如果要导航到外部页面，使用a而不是Link。 :::