Next.js App Router 学习笔记

App Router 使用文件系统路由，app/page.tsx 对应首页，app/blog/page.tsx 对应博客列表页。

服务端组件

服务端组件适合读取数据库、文件系统和环境变量。本项目的 BJ 笔记读取就放在服务端完成。

import { readFile } from "node:fs/promises";

export async function readMarkdown(path: string) {
  return readFile(path, "utf8");
}

客户端组件

需要浏览器交互时再使用 "use client"，例如导航菜单、登录表单和博客编辑器。