在人工智能快速发展的今天，各类 AI 工具和资源如雨后春笋般涌现。然而，如何在众多选择中找到最适合自己的 AI 工具，成为了许多用户面临的难题。今天为大家介绍一个开源项目 —— AI-NAV，这是一个专注于 AI 领域的现代化导航平台。
🔗 项目地址: GitHub - AI-NAV
🌐 在线预览: https://ainavix.com
界面展示
首页预览
首页展示
深色模式
深色模式
项目亮点
AI-NAV 采用了最新的技术栈，包括 Next.js 15、React 18 和 TypeScript，为用户提供了流畅的使用体验。让我们来看看它的主要特点：
1. 智能化的内容管理
- 分类导航：提供 AI 工具的分类浏览，包括 AI 聊天、AI 绘画、AI 办公等多个领域
- 网站收录：支持用户提交优质 AI 网站，经过审核后展示在平台上
- 搜索功能：支持按名称、描述、标签等多维度搜索 AI 工具
2. 现代化的用户体验
- 响应式设计：完美适配移动端和桌面端
- 深浅主题：支持明暗两种主题模式切换
- 流畅动画：页面切换和交互都有流畅的动画效果
3. 用户功能
- 用户系统：支持邮箱注册登录
- 收藏功能：用户可以收藏感兴趣的 AI 工具到这个网站 提供油猴脚本
- 排行榜：展示最受欢迎的 AI 工具排名
4. 性能优化
- 图片优化：使用阿里云 OSS 存储和优化图片
- 页面加载：采用 Next.js 的 SSG 功能，提供快速的页面加载体验
- SEO 优化：针对搜索引擎优化，提高网站可见性
技术实现
项目采用了当前流行的技术栈：
- 前端框架：
- Next.js 15 App Router
- React 18
- TypeScript
- UI 框架：
- Tailwind CSS
- shadcn/ui 组件库
- 数据存储：
- SQLite 数据库
- 阿里云 OSS
- 开发工具：
- ESLint
- Prettier
- Husky
核心功能
网站管理
- 网站信息展示
- 分类浏览
- 搜索功能
- 排行榜
后台管理
- 网站审核
- 分类管理
开源协作
作为一个开源项目，AI-NAV 欢迎社区贡献。项目采用了规范的开发流程：
- 完善的代码规范和提交约束
- 清晰的开发文档
- 简单的部署流程，支持 Vercel 一键部署
- Docker 支持，方便自托管
参与贡献
如果你对这个项目感兴趣，欢迎通过以下方式参与：
- 🌟 Star 项目支持
- 🐛 提交 Issue 反馈问题
- 🔧 提交 Pull Request 贡献代码
- 📢 分享给更多的人
项目交流群：1019985238
结语
在 AI 工具快速迭代的今天，一个好的导航平台可以帮助我们更好地利用这些工具。AI-NAV 项目不仅提供了一个优秀的导航平台，其开源性质也让它能够持续进化，适应未来的需求。
无论你是 AI 工具的使用者，还是对开源项目感兴趣的开发者，都可以关注并参与 AI-NAV 的建设中来。项目采用 MIT 协议开源，欢迎访问 GitHub 仓库了解更多信息。
常见问题
Q1: 如何提交新的网站？
登录后点击右上角的"提交网站"按钮，填写网站信息并提交审核。
Q2: 如何部署到自己的服务器？
目前支持 Vercel 一键部署，后续会支持更多部署方式。
Q3: 网站收录的标准是什么？
- 必须是 AI 相关的工具或资源
- 网站必须可以正常访问
- 内容必须合法合规
- 优先收录免费或提供免费额度的工具