Start Page Layer: 4 Modules Riding One SPA State Tree

The start page is the most finished part of this codebase — custom groups, recommended slots, weather, and the search box all read from one reactive store, so the desktop category bar and the mobile drawer can never drift apart.

That sounds minor until you try bolting a drawer onto a page that keeps category state in two places. I have seen that break at every breakpoint. Here it is a single tree: switching a category in the drawer updates the bar instantly.

What actually ships on the page

• Custom groups and links — written to localStorage first, synced to the cloud after login. A 2-layer storage model, so anonymous visitors still get a usable homepage.
• Recommended slots — maintained by the site owner, while frequently used sites rank on an independent time-decayed click score. Pin and hide work per user.
• Search box — multi-engine switching plus custom engines; paste a URL and Enter jumps straight there instead of searching.
• PWA extras — offline access, add-to-home-screen, system share target, Bing wallpaper presets, and an IP-based weather widget with manual city override.

Practical check: test the localStorage → cloud handoff before you trust it. Create 2 groups and 3 links while logged out, then log in on the same profile and confirm the merge. That handoff is exactly where most clones of this design lose data.

Admin & Directory: 12 Panels, and the Dead-Link Sweep Is the One That Matters

Behind /admin there are 12 working panels, and the two that decide whether the directory stays useful are the submission queue and the dead-link inspector.

While testing the submission flow I found the crawler pulls TDK and the favicon at submit time, not at approval time. A site that changes its title between submission and approval keeps stale metadata until you re-fetch it manually from the review panel.

• Site search — GitHub repositories, users, issues, and code files: 4 result types in one query box.
• Directory — faceted filtering, detail pages, a popularity board, plus a per-site inclusion status lookup.
• Maintenance — dead-link inspection with auto-hide, link discovery, and sitemap bulk import.
• Accounts — email or username + password, optional QQ binding, public profile at /u/{id}, JSON import/export of favorites.
• SEO surfaces — dynamic
  

  Original Reference

  Original title: 最新2077高定网址导航系统源码 全开源_搭建168

  Original excerpt:

  简介：
  最新2077高定网址导航系统源码 全开源
  起始页
  自定义分组与链接，本地保存，登录后同步到云端
  按分类切换首页内容，分类栏与手机抽屉共用同一套 SPA 状态
  推荐位由站长维护，常用站点按点击时间衰减独立排序，支持置顶与隐藏
  多搜索引擎切换、自定义引擎、输入网址回车直达
  热评信息栏、天气（IP 定位与城市切换）、必应壁纸与显示效果预设
  PWA 离线访问、添加到主屏幕、系统分享目标
  搜索与目录
  站内搜索 GitHub 仓库、用户、Issue 与代码文件
  独立的分类网站目录，支持分面筛选、详情页、热门榜与收录状态查询
  前台提交收录，自动抓取 TDK 与图标，后台人工审核
  死链巡检、自动隐藏、链接发现、sitemap 批量导入
  账号与后台
  邮箱/用户名 + 密码登录，QQ 号绑定与默认头像
  个人资料、修改密码、退出其他设备、公开主页 /u/{id}
  收藏夹、云端导航同步、导入导出 JSON
  管理后台 /admin：概览、收录审核、导航管理、分类目录、分类管理、链接发现、友情链接、用户管理、流量与蜘蛛统计、搜索分析、引擎设置、操作日志、网站设置
  运维与 SEO
  动态 sitemap、robots、HTML 站点地图、llms.txt、JSON-LD、canonical
  全站版权与许可标记，响应头、HTML 注释、meta、JSON-LD、页脚多位置覆盖
  安全响应头、CSP、限流、SS

  Original screenshots:

  

  

  

  Disclaimer

  ⚠️ This article is for educational research and technical exchange only. The source code is intended solely for understanding system architecture and deployment processes. Do not use it for illegal purposes. Any commercial operation is unrelated to the author.