Project / web app

nav-atlas

Operable web app

导航站不是链接堆，是一个可维护的记忆界面。

从前台浏览、搜索，到后台分类、标签、元数据和 Docker 部署，做成一个能长期运营的系统。

Next 15前端框架

Prisma数据层

Docker部署方式

Overview

nav-atlas 是一个面向 AI / 设计 / 影视 / 高频工具的精选导航站项目。它不是静态网址列表，而是一套可自己维护、有后台、能较快上线的运营系统。

访客侧是分类浏览与站内搜索；管理侧维护链接、分类、标签、合集、元数据和站点设置。它和我线上的导航站是一组关系：导航站负责被访问和使用，nav-atlas 是它背后那套可运营的系统。

Preview

VIEW ↗

VIEW ↗

Why

最直接的原因，是现成的开源导航站不太合用：

• 开源项目前端普遍偏丑。大多是套模板的样子，和我个人主页那套黑白极简、粗线条的风格完全不搭，摆在一起很违和。
• 后端也偏简单。很多只是静态链接列表或最基础的增删改，缺少能长期运营的后台。
• 所以我干脆自己做一个：前端适配我个人网页的视觉语言，后端做成一套真正能维护的管理系统。

另一层原因，是单纯把链接堆在一起本身就会失控：

• 入口越来越多，但不知道每个入口适合什么场景。
• 分类一开始有效，后面会逐渐失控。
• 很多站点会失效、迁移或变得不再重要。
• 没有后台和数据结构的导航站，很难长期维护。

What it does

• 前台：分类导航浏览 + 站内搜索，快速定位站点与内容。
• 后台：管理员登录保护，覆盖链接、分类、标签、合集、视图、元数据、任务、设置、健康检查等入口。
• 元数据：支持 favicon 与站点元数据的抓取与处理流程。
• 部署：提供 Docker 生产部署与单机 file-mode 方案，适合个人 / 小团队自托管。

My role

• 独立设计并开发整个项目：前台浏览体验 + 后台管理系统。
• 技术栈 Next.js 15 / React 19 / TypeScript / NextAuth / Prisma。
• 实现认证、内容管理、元数据处理与 Docker 部署链路。
• 持续维护内容与站点本身。

Notes

一个导航站不应该只是 bookmark dump。它更像一个外置记忆界面：你如何分类，实际上暴露了你如何理解这些工具。

前台  = 访客浏览 / 搜索
后台  = 链接 · 分类 · 标签 · 元数据 · 设置
部署  = Docker / 单机 file-mode

Links