导航管理平台，用于书签管理和导航门户
**声明：**该公众号分享的工具和项目均来源于网络，仅供安全研究与学习之用，下载试用后请24小时内删除，不得用于任何商业用途。如用于其他用途，由使用者承担全部法律及连带责任，与工具作者和本公众号无关。
NavSphere
NavSphere 是一个现代化的导航管理平台，基于 Next.js 14 构建，专为个人和团队设计，用于书签管理和导航门户。它采用 GitHub 仓库作为后端存储，无需传统数据库，通过 GitHub OAuth 登录，即可管理、排序、分类导航链接，并支持拖拽编辑与版本追踪。项目支持多种部署方式，如 Vercel、Cloudflare Pages 和 Docker。
• 项目地址：https://github.com/tianyaxiang/NavSphere
• 开发者：GitHub 用户 tianyaxiang（独立开发者）
• Stars / Forks：⭐ 约250，Forks 145
✨ 核心功能亮点
-
• 🚀 现代技术栈：使用 Next.js 14 + React 18 + TypeScript + Tailwind CSS 构建，确保高性能和良好的开发体验。
-
• 🔐 GitHub OAuth 登录：通过 NextAuth.js 提供基于 GitHub OAuth 的安全登录方式。
-
• 🗂️ GitHub 数据存储：导航、网站配置等数据均存储于 GitHub 仓库中，实现版本可追溯与安全控制。
-
• 📱 响应式设计 + PWA：优先考虑移动端体验，支持渐进式 Web 应用安装，用户可以将其添加到主屏幕。
-
• 🎨 主题切换：支持浅色和深色主题，用户可自由切换。
-
• 🧩 拖拽排序管理：直观的拖拽界面，方便用户管理导航项目。
-
• 🔍 智能搜索：快速定位和访问导航项目，提高使用效率。。
-
• 🌐 多语言支持：提供中英文界面切换。
-
• ⚡ 边缘平台部署：支持 Cloudflare Pages 和 Vercel 一键部署，实现全球访问加速。
🛠 安装与使用指南
方法一：在线体验（无需安装）
直接访问:https://navsphere.vercel.app，即可开始使用。
方法二：本地运行（适合开发者）
-
- 安装前置条件
-
• 确保已安装 Node.js（版本 18.0 或更高）。• 确保已安装 pnpm（版本 8.0 或更高）。• 确保有 GitHub 账户。
-
- 克隆项目并安装依赖
git clone https://github.com/tianyaxiang/NavSphere.gitcd NavSpherepnpm install
- 克隆项目并安装依赖
-
- 配置环境变量
-
• 复制
.env.example文件为.env.local，并填写以下内容：GITHUB_ID=your-github-client-idGITHUB_SECRET=your-github-client-secretGITHUB_OWNER=your-github-usernameGITHUB_REPO=your-repo-nameGITHUB_BRANCH=mainNEXTAUTH_URL=http://localhost:3000/api/authNEXT_PUBLIC_API_URL=http://localhost:3000 -
- 启动开发服务器
pnpm dev
- 启动开发服务器
-
- 访问应用 打开浏览器，访问 http://localhost:3000，即可看到应用界面。
方法三： Vercel 和 Cloudflare Pages
-
• 连接你的 GitHub Fork 或主仓库
-
• 在部署面板添加上述环境变量
-
• 完成部署后，访问域名并 GitHub 授权登录，即可开始管理书签链接
支持自动同步数据到 GitHub 仓库，适合快速搭建个人或团队导航页面。
