Next.js项目中Link跳转404问题求助：请帮忙排查代码与目录结构

结合你提供的项目目录和首页代码，问题核心是目标路由的文件缺失：

• 你的app目录下只有根路由的page.tsx，没有对应/about路径的路由文件。
• 你在首页用<Link href="/about">About</Link>跳转，但Next.js App Router模式下，必须在app目录下创建对应路由的文件夹+page.tsx，才能生成有效路由。

具体修复步骤：

1. 在app目录下新建about文件夹
2. 在app/about目录中创建page.tsx文件，示例代码：

export default function AboutPage() {
  return <h1>About Page</h1>;
}

3. 检查拼写与格式：确保文件夹名为小写的about，文件名严格为page.tsx（Next.js路由区分大小写）
4. 重启开发服务器：修改路由结构后需要重启npm run dev，让Next.js重新识别新路由

内容的提问来源于stack exchange，提问作者Anthony Shuey