Next.js 特性演示
展示 App Router 核心能力的交互示例
Dashboard — Streaming & Suspense
Server Components + Suspense 流式渲染,骨架屏占位,loading.tsx 自动包裹
发票列表 — URL 搜索参数 + 防抖
useSearchParams 驱动搜索状态,useDebouncedCallback 防止频繁请求,分页 URL 参数
View Transitions
自定义过渡动画演示
使用 useTransitionRouter + Web Animations API 实现左滑过渡效果
View Transitions 使用说明
next-view-transitions 库文档示例,包含安装和使用方式
注意:此示例使用 Mock 数据,无需数据库。重点在于展示 Next.js 路由、数据获取和渲染模式。
