~/技术内幕

技术内幕

工程透明度——这个网站由什么驱动、与哪些服务通信,以及它此刻在你的浏览器里表现如何。

技术栈

此刻锁文件中实际使用的版本。

  • Next.js

    framework

    v16.3.6
  • React

    ui

    v19.2.3
  • TypeScript

    lang

    v5
  • Tailwind CSS

    styles

    v4
  • framer-motion

    anim

    v12.29.0
  • Drizzle ORM

    db

    v0.45.1
  • @libsql/client

    db

    v0.17.0
  • NextAuth

    auth

    v5.0.0-beta.30
  • Lucide React

    icons

    v0.563.0

实时集成

本站调用的外部 API。所需的环境变量全部配置好时显示为绿色;否则对应的面板会悄悄降级。

  • GitHub

    GITHUB_TOKEN

    已连接
  • Discord (Lanyard)

    DISCORD_USER_ID

    已连接
  • Steam Web API

    STEAM_API_KEY, STEAM_ID

    已连接
  • Tuwaiq Academy

    公开 · 无需认证

    已连接

性能(本次访问)

由你的浏览器测得的 Core Web Vitals。在页面重新加载后打开,数据最准确。

LCP

测量中…

最大内容绘制

FCP

测量中…

首次内容绘制

CLS

测量中…

累积布局偏移

TTFB

测量中…

首字节时间

缓存窗口

每个上游请求在服务器端缓存多久才会重新拉取。全站采用 ISR——不会每次请求都去冲击公共 API。

端点重新验证
/api/github
GitHub 聚合数据(用户 + 仓库 + 动态)
600 秒
/api/status
Discord + Steam 合并快照
60 秒
/api/status/discord
仅 Discord(Lanyard)
60 秒
/api/status/steam
仅 Steam Web API
300 秒
Tuwaiq 个人资料拉取
公开成就
3600 秒
各仓库的语言
星标数前 N 的仓库 + 置顶仓库
1800 秒

本页会按你的语言显示,并在数值到达时实时更新——不轮询,只用 PerformanceObserver。