特性	描述	备注
响应设计	完美适配桌面、平板、手机	多端适配
实时搜索	支持多维度匹配	默认站内，回车可搜索站外网页
灵活管理	支持添加、编辑、删除， 拖拽排序
持久数据	支持数据的导入导出
主题切换	支持明暗主题切换，平滑过渡
PWA支持	支持安装到桌面，离线可用
性能优化	代码分割、懒加载	Lighthouse 90+
可访问性	遵循无障碍设计标准	WCAG 2.1 AA
Chrome扩展	安装到 Chrome 插件	releases V0.1.4+ 版本里找

Next.js 15 · TypeScript 5 · Tailwind CSS 4 · Ant Design 6 · Redux Toolkit · Framer Motion

# 克隆项目
git clone <repository-url>
cd frontend-navigation-site

# 安装依赖
pnpm install

# 配置环境变量（可选）
cp .env.example .env.local
# 编辑 .env.local 设置你的网站 URL
# 静态部署时，cloudflare 上的环境变量无效，需要配置 .env.production/.env.local 且提交代码

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build

# 部署到 Cloudflare Pages (静态部署)
pnpm deploy:cloudflare

本项目支持静态导出 (Static Export) 和 动态部署 (SSR) 两种模式。

适用于纯静态站点，性能最好，成本最低。

• 修改 next.config.ts: 取消注释 output: 'export'
• 修改 wrangler.toml: 设置 pages_build_output_dir = "out"
• 修改 package.json: deploy:cloudflare 命令使用 pnpm build 和 out 目录

适用于需要服务端渲染或 API 路由的场景。

• 修改 next.config.ts: 注释掉 output: 'export'
• 修改 wrangler.toml: 设置 pages_build_output_dir = ".vercel/output/static" 并添加 compatibility_flags = ["nodejs_compat"]
• 修改 package.json: deploy:cloudflare 命令使用 pnpm pages:build 和 .vercel/output/static 目录

详细说明请查看 快速开始指南

推荐使用 Cloudflare Pages（免费额度大，中国访问速度快）

pnpm build
pnpm deploy

也支持 Vercel、GitHub Pages、Netlify 等平台

详细部署指南：QUICKSTART.md | DEPLOYMENT.md

快速指南

• 快速开始 - 5 分钟快速部署
• 部署指南 - 详细部署说明
• PWA 使用指南 - PWA 安装和使用
• 缓存清除指南 - 解决缓存问题

开发文档

• 需求文档 - 功能需求
• 设计文档 - 技术架构
• 任务列表 - 开发任务

技术指南

• 搜索实现 - 搜索功能详解
• 错误处理 - 错误处理策略
• 可访问性 - 无障碍访问
• HTTPS 配置 - 本地 HTTPS 开发

MIT License - 查看 LICENSE 了解详情