前端导航网站 🚀

现代化的个人前端导航网站，为开发者提供高效、美观的资源导航体验

全程使用 Kiro 的 Spec 模式开发，感谢 Claude Sonnet 4.5

在线演示 | 快速开始 | 文档 | 部署指南

---

✨ 核心特性

• 🎨 响应式设计 - 完美适配桌面、平板、手机
• 🔍 实时搜索 - 300ms 防抖，多维度匹配
• 📝 灵活管理 - 添加、编辑、删除、拖拽排序
• 💾 数据持久化 - LocalStorage 自动保存，支持导入导出
• 🌓 主题切换 - 明暗主题，平滑过渡
• 📱 PWA 支持 - 安装到桌面，离线可用
• ⚡ 性能优化 - 代码分割、懒加载、Lighthouse 90+
• ♿ 可访问性 - WCAG 2.1 AA 标准

---

🛠️ 技术栈

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

---

🚀 快速开始

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

# 安装依赖
pnpm install

# 配置环境变量（可选）
cp .env.example .env.local
# 编辑 .env.local 设置你的网站 URL

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build

# 部署到 Cloudflare Pages
pnpm deploy

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

---

🚢 部署

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

pnpm build
pnpm deploy

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

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

---

📚 文档

快速指南

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

开发文档

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

技术指南

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

---

📄 许可证

MIT License - 查看 LICENSE 了解详情

---

Made with ❤️ by weizwz

⬆ 回到顶部