next.js页面跳转

Next.js 提供了多种页面跳转的方式，包括：

1. **导航链接（Link组件）**：`next/link` 组件用于创建可以导航到其他页面的链接，同时支持服务器端渲染和客户端渲染。例如：

<Link href="/about" as="/about-us">About Us</Link>

这里的`href`属性是目标路由地址，`as`属性用于定义URL显示形式。

2. **动态路由**：使用路径模板，比如`/users/:username`，可以根据变量动态生成页面。

3. **动态导入（ Suspense 和 dynamic imports）**：对于需要异步加载的内容，可以使用`import()`函数配合`Suspense`标签进行处理，如：

function Profile({ params }) {
  return <Suspense fallback={<div>Loading...</div>}>
    import(`./pages/${params.username}`).then((Page) => <Page />)
  </Suspense>;
}

4. **API路由**：通过`.js`、`.json`等文件作为API路由，可以处理API请求并返回数据。

5. **手动操作**：使用`Router.push()`或`Router.replace()`方法进行程序性的页面切换，这通常在React Hooks (`useRouter`)中使用。