作者：彩虹兔（admin_reply@caihongtu.top）

链接 Link

基础用法

import Link from "next/link";

export default function Home() {
    return (
        <>
            <h1>Welcome home!</h1>
            <Link href="/blog">Blog</Link>
            <Link href="/login" replace>Login</Link>
        <>
    );
}

• 上述代码，点击Blog后会跳转到http://localhost:3000/blog

• 点击Login后会替换当前历史条目，此时再点返回，就会回到首页。

  ---

  本文2025-10-27首发于彩虹兔的博客，最后修改于2025-10-27

  ]]> 学习笔记 https://blog.caihongtu.top/post/2025/learn-nextjs-01/ Sun, 26 Oct 2025 11:37:50 +0800 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2025/learn-nextjs-01/ 【01】学习Next.js框架之安装入门、路由与布局

  作者：彩虹兔（admin_reply@caihongtu.top）

  引言

  Next.js 是 React 的一个 Web 框架，本篇文章是 “学习NextJs框架”的第一篇教程。

  学习之前，默认读者已经熟悉 HTML、CSS、TypeScript、React。

  ---

  本文2025-10-26首发于彩虹兔的博客，最后修改于2025-10-26

  ]]> 学习笔记