👁 200♥ 2👀 10🔁 3💬 0
分享下我们的 Frontend Tech Stack

分享下我们的 Frontend Tech Stack
1️⃣ Next.js *️⃣ SSR: 最初是 SSG,有了部分动态需求后改成 SSR *️⃣ App Router 👍 *️⃣ Image Optimization 配合 CDN 层图像处理 *️⃣ Standalone mode 2️⃣ Apollo GraphQL 👍 *️⃣ Code generator: 接口强类型 *️⃣ Query batching *️⃣ Persisted queries *️⃣ Http caching: 部分请求改成 GET 方法 3️⃣ Semi Design *️⃣ DSM: 很方便的在设计师、工程师间同步设计资源(色盘、样式等 4️⃣ Tailwind CSS 👍 *️⃣ tailwind-merge *️⃣ prettier-plugin-tailwindcss 5️⃣ @nekocode/use-shared-state: 羽量级状态分享 6️⃣ i18n *️⃣ 文案维护: Lark(飞书国际版)多维表格,配合本地脚本进行双向同步 *️⃣ 机器翻译: GPT4 + Json mode *️⃣ ESLint custom rule: 未翻译文案的检测 7️⃣ Docker 部署
🤔 感觉现阶段,与 SSR 带来的新的系统性复杂度进行斗争,已经是新时代前端工程师的必修内功了。