技术
前端开发
用户通过前端来评判一个产品。我们构建的界面加载迅速,支持键盘和屏幕阅读器操作,并且在产品成长过程中依然易于修改。本网站也采用同一套技术栈构建。
Next.jsReactTypeScriptTailwind CSS
立即开始技术
工具
使用 Next.js、React、TypeScript 和 Tailwind CSS 构建快速、无障碍的界面。
Next.js
我们构建网站和 Web 应用的默认选择。服务端渲染和静态生成带来快速的首次加载,页面也便于搜索引擎读取。App Router 让大部分代码留在服务器上,减少发送到浏览器的 JavaScript。
React
我们界面背后的组件模型。我们构建小巧、可复用、输入清晰的组件,在一处修改设计,所有使用该组件的页面都会随之更新。
TypeScript
每个项目都启用严格模式,不使用无类型的捷径。类型系统能在代码运行前发现整类错误,让大规模重构更加安全。
Tailwind CSS
以工具类为核心的样式方案,与颜色、间距和字体组成的设计系统相结合。样式紧贴标记,构建时移除未使用的 CSS,所有页面保持一致的外观。
技术
我们的工作方式
性能预算
我们监测核心网页指标(LCP、INP、CLS)并保持在良好范围内。图片会按需缩放和延迟加载,字体自行托管,浏览器只获取页面所需的 JavaScript。
无障碍
语义化 HTML、清晰的焦点状态、足够的对比度和完整的键盘支持,并按照 WCAG 2.2 AA 标准检查。菜单、对话框和选项卡由 Radix UI 等经过验证的组件库实现。
SEO 与多语言
本地化的标题和描述、hreflang 链接、结构化数据和站点地图。一套代码即可以多种语言提供网站,每种语言使用独立域名。
团队能接手的代码
每次修改都会运行代码检查、格式化和类型检查,组件遵循统一的模式,您自己的开发人员可以顺利接手。
正在规划基于这套技术栈的项目?
告诉我们您在构建什么,我们会告诉您我们将如何着手。
