Node.js 官方网站全新改版:揭秘背后的故事

发表时间: 2024-04-08 22:23

3 月初 Node.js 新官网已经上线。

Node.js 新官网的样式

Node.js 团队发布一篇博文 Node.js — Diving into the Node.js Website Redesign,记录改版背后的趣事和技术栈。

14 年前,nodejs.org 网站诞生,一开始它只是个简单的实用工具类网站,内容仅包括下载链接和说明文档。

出生不久的 Node.js 官网,2011 年底

随着 Node.js 的流行,官网内容也日益丰富。包含 1600 多个页面,近 20 种本地化语言,月访问量 30 亿,传输数据 2PB。

对于如此体量网站的改版,既要保证用户体验,又要保证平滑迁移,不是一件容易的事,Node.js 团队也趟了一些坑。

2019 年他们尝试使用全新仓库、全新域名 nodejs.dev,另起炉灶,从零开始。但贡献者双线作战,力不从心,难以为继。

2022 年,Claudio Wunder 加入项目,将新旧仓库合二为一。并在一个代码仓库中小步迭代更新。

改版后的技术栈

Next.js,用于创建高质量 Web 应用的 React 框架

Next.js

Storybook,用于开发测试 UI 组件的工作坊

Storybook

Chromatic,用于组件的可视化测试,和 Storybook 搭配使用

Chromatic

Tailwind CSS,一个实用工具优先的 CSS 框架

Tailwind CSS

Orama,一个全文和矢量搜索引擎,使用 TypeScript 编写

Orama

Crowdin,一个 AI 驱动的国际化翻译平台

Crowdin

Sentry,错误和性能监控平台

Sentry

Cloudflare,网站托管服务平台

Cloudflare