科技品牌 / 产品体验
平台与项目背景
内容优先， 交互有明确目的。
Astro 适合以内容为中心的体验，也能通过 Islands 增加交互组件，包括 React。按照项目选择渲染、内容来源与客户端交互，并验证真实交付效果。
我们的能力
以内容为中心的 网站工程。
内容网站
结构化发布与清晰的信息架构。
企业官网
一致的品牌形象与可维护的内容基础。
品牌体验
连接编辑排版、恰当的图片与经过考虑的交互。
React Islands
在用户旅程需要的部分使用交互组件。
CMS 集成
根据项目接入合适的内容来源和预览流程。
工程方法
内容优先， 按需增加交互。
把内容渲染为体验，在需要的部分增加独立交互组件。
内容来源与 CMS
文件或 CMS / 结构化内容
Astro 渲染
按项目选择构建时或服务器渲染
HTML 内容
以内容为中心的交付
React Islands
按需增加交互
逻辑架构示意 / 渲染、集成与运营责任根据具体项目确定。
分工明确的技术工具
经过考虑的 技术组合。
框架与路由
Astro
面向内容的网站框架
界面库
React
基于组件的界面库
语言与构建工具
TypeScript
具有类型系统的 JavaScript 语言
Vite
前端构建工具与开发服务器
样式体系
Tailwind CSS
实用类优先的 CSS 框架
适用场景
为内容构建， 为品牌而设计。
企业网站
围绕项目目标，规划内容、工作流与交付方式。
编辑发布
围绕项目目标，规划内容、工作流与交付方式。
品牌体验
围绕项目目标，规划内容、工作流与交付方式。
开始之前
几个清晰的回答。
什么时候适合 Astro？
内容与品牌网站可以采用 HTML 优先的方式。仍需评估应用复杂度与发布要求。
Astro 可以使用 React 吗？
可以将 React 组件集成为 Islands，并根据交互需要选择客户端加载方式。
可以接入 CMS 吗？
根据 CMS 与渲染方式，集成内容来源和编辑流程。
让内容， 成为出色的体验。
告诉我们你的内容、用户与期待，一起确定合适的设计和工程方向。
聊聊你的项目