全部项目

Dream Home

进行中 · 2026
时间段
2026
技术
Next.js · React · TypeScript · MapLibre · Google Cloud Run

项目起点

一家建筑公司委托制作该网站,帮助找房者了解其开发的楼盘。

问题与决策

从渲染图到做出选择

现有渲染图只展示了部分视角。我根据这些素材重建了三维模型,并将地图、模型和平面图串联成浏览路径,把每个楼盘与其房源关联起来。

让文档更易于访问和使用

为了让材料选择更容易理解,我正在考虑如何将每种材料与现有规格和文档关联起来,汇集环境法规参考资料,并在展示任何 ISO 认证前核实其情况。

运作方式

  1. 网站使用 Next.js、React 和 TypeScript 构建。文章与项目页面均经过预渲染,内容和路由支持两种语言。
  2. MapLibre GL 提供交互式地图。筛选器、项目列表和选中的开发项目共享界面状态。
  3. 图库、可缩放平面图和 360 度视图使用预先准备的图像与画面,而非在浏览器中实时运行完整的 3D 场景。
  4. 预览版由 Google Cloud Run 上的独立容器托管。Server Actions、Zod 和 nodemailer 负责验证与联系流程。

我的收获

我学会了围绕找房者需要作出的选择来组织房源信息。在其他产品中,我也同样关注用户接下来要做什么。

当前状态

开发中,处于非公开预览阶段。可用性、内容和用户流程仍在验证中。

面向公开内容的 SEO、GEO 与 AEO

在 Dream Home 项目中,我准备公开内容及其呈现方式时,会考虑 SEO(搜索引擎优化)、GEO(生成式引擎优化)和 AEO(答案引擎优化)。这项工作着重于发布前的表述清晰度、上下文和结构。

预览暂未公开。我正在准备将要发布的公开资料。了解我如何开展 SEO、GEO 和 AEO 工作。

有个有趣的问题?

告诉我你想构建或改进什么、谁会使用,以及有哪些约束条件。我会回复你,一起确定从哪里开始。