在信息爆炸的时代,无论是个人还是团队,都需要一个高效的方式来组织和访问常用网址。今天逛github时发现了一款开源导航站项目——Go Nav

项目概览

一个简洁高效的个人/团队导航站,基于 Next.js 16、React 19、HeroUI v3 和 Tailwind CSS v4 构建。项目使用 JSON 配置驱动内容和布局,支持前台导航、后台管理、图片上传、备份还原和 Docker 部署。

项目提供了两种部署形态,灵活适应不同场景:

GitHub 仓库https://github.com/dengxiwang/go-nav

官网https://www.gotab.cn

项目预览https://nav.gotab.cn

该项目目前在github上有 24 star

功能特性

环境要求

Docker 部署

Docker部署比较简单

  1. 创建docker-compose.yml 文件
services:
  go-nav:
    image: doxwant/go-nav:latest
    restart: unless-stopped
    ports:
      - "3000:3000"
    environment:
      ADMIN_USER: admin
      ADMIN_PASS: change-this-password
      # 可选,不填则自动生成并保存到 ./go-nav-data/.session-secret
      # SESSION_SECRET: change-this-to-a-long-random-string
    volumes:
      - ./go-nav-data:/app/data
  1. 启动容器
docker compose up -d
  1. 访问网站首页

在浏览器中输入部署地址访问导航页

  1. 访问后台管理

访问 /admin 登录后台(账号密码是docker-compose.yml中配置的)。

后台可编辑:

上传接口仅接受 pngjpggifwebpico 图片,单文件最大 2MB。备份还原最大 20MB。

配置说明

data/nav.json

字段 说明
title / name / description / keywords SEO 与品牌展示信息
logo / favicon Logo 和浏览器图标路径
author / copyright 作者与版权信息
icp / beian 备案信息,留空则不显示
qrCode / qrCodeText 二维码图片与提示文案
footerLinks 页脚链接数组
themeMode lightdarksystem
search 搜索配置
ads / showAds / adsAspectRatio 广告配置
showRecentVisits / recentVisitsMax 最近访问配置
layout 布局与显示开关
plugins 自定义 CSS / JS 片段

data/website.json

{
	"categories": [
		{
			"id": "tools",
			"name": "效率工具",
			"icon": "⚙️",
			"description": "常用工具集合",
			"sites": [
				{
					"title": "Go Nav",
					"description": "导航站项目",
					"url": "https://github.com/dengxiwang/go-nav",
					"icon": "/images/logo.svg",
					"tags": ["nav", "nextjs"]
				}
			],
			"children": []
		}
	]
}

分类可以无限嵌套。网站图标支持 emoji、本地路径、远程 URL;后台上传素材会返回 /uploads/xxx 路径。

应用场景

写在最后

无论你是想搭建个人导航页,还是为团队构建资源中心,Go Nav 都是一个值得尝试的选择。它用现代化的技术栈、优雅的界面设计和灵活的部署方式,让导航站的管理变得简单而高效。

🔥 转载文章请注明出处及原文链接,谢谢!🔥 ✨修己xj✨