TimeAmber
剪藏#几乎满级#剪藏

导航管理平台，用于书签管理和导航门户

2025 年 8 月 31 日 约 1 分钟
分享Twitter / XTelegram微博

**声明：**该公众号分享的工具和项目均来源于网络，仅供安全研究与学习之用，下载试用后请24小时内删除，不得用于任何商业用途。如用于其他用途，由使用者承担全部法律及连带责任，与工具作者和本公众号无关。

NavSphere

NavSphere 是一个现代化的导航管理平台，基于 Next.js 14 构建，专为个人和团队设计，用于书签管理和导航门户。它采用 GitHub 仓库作为后端存储，无需传统数据库，通过 GitHub OAuth 登录，即可管理、排序、分类导航链接，并支持拖拽编辑与版本追踪。项目支持多种部署方式，如 Vercel、Cloudflare Pages 和 Docker。

JAVASCRIPT
• 项目地址：https://github.com/tianyaxiang/NavSphere 
• 开发者：GitHub 用户 tianyaxiang（独立开发者）
• Stars / Forks：⭐ 约250，Forks 145

Notion image

✨ 核心功能亮点

  • • 🚀 现代技术栈：使用 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，即可开始使用。

方法二：本地运行（适合开发者）

    1. 安装前置条件

  2. • 确保已安装 Node.js（版本 18.0 或更高）。• 确保已安装 pnpm（版本 8.0 或更高）。• 确保有 GitHub 账户。

    1. 克隆项目并安装依赖git clone https://github.com/tianyaxiang/NavSphere.git cd NavSphere pnpm install
    1. 配置环境变量

  5. • 复制 .env.example 文件为 .env.local，并填写以下内容：GITHUB_ID=your-github-client-id GITHUB_SECRET=your-github-client-secret GITHUB_OWNER=your-github-username GITHUB_REPO=your-repo-name GITHUB_BRANCH=main NEXTAUTH_URL=http://localhost:3000/api/auth NEXT_PUBLIC_API_URL=http://localhost:3000

    1. 启动开发服务器pnpm dev
    1. 访问应用 打开浏览器，访问 http://localhost:3000，即可看到应用界面。

方法三： Vercel 和 Cloudflare Pages

  • • 连接你的 GitHub Fork 或主仓库

  • • 在部署面板添加上述环境变量

  • • 完成部署后，访问域名并 GitHub 授权登录，即可开始管理书签链接

支持自动同步数据到 GitHub 仓库，适合快速搭建个人或团队导航页面。

Notion image

Notion image

原文地址: https://mp.weixin.qq.com/s?__biz=MzkwODQzNzk1OQ==&mid=2247489508&idx=1&sn=b6e777c2819b8d970e99ce0df2b3d283&chksm=c1c2ca98c7412f79c12a41ef997ac2ef08c8528290b5be90582e281dd4d62a2b0edf9d1f4493&mpshare=1&scene=1&srcid=0831AQmuFPLSsp6W62Rl9gbW&sharer_shareinfo=5a29efb43999b7acb6be5c459d794b42&sharer_shareinfo_first=5a29efb43999b7acb6be5c459d794b42#rd

相关文章