我们如何为一家小型建筑公司使用现代 Web 技术构建了 7 个网站

Source: Dev.to

网站作品集

• Totalbyggarna – 母公司网站，涵盖完整装修、项目管理和一般建筑。使用 Express.js 在 Railway 上构建。
• Snabbgrund – 基础和地面工程专家（platta på mark、爬行空间、排水）。
• Staketmastaren – 围栏全方位服务：木质、金属和玻璃栏杆。
• Hemstadning Nynashamn – 清洁服务：搬入/搬出清洁、办公室清洁、窗户清洗。
• Son och Far – 油漆和壁纸（室内外）。父子品牌。
• Apex Studio – 建筑设计与可视化：3D 渲染、蓝图、建筑许可证。
• Bygglog – 用于管理时间线和预算的建筑项目跟踪工具。

技术栈

前端

• HTML5
• CSS3
• Vanilla JS（无需框架）

后端

• Express.js（Node.js）

托管

• Railway（主要）
• Netlify（静态站点）

DNS / CDN

• Cloudflare（代理、SSL、缓存）

版本控制

• Git + GitHub

CI/CD

• Railway 自动部署，来自 main 分支

域名

• 通过 Svenska Domaner 的 .se 顶级域名

为什么该技术栈适用于本地服务企业

• 快速加载时间 – Vanilla HTML 在 3G 网络下加载时间低于 1 秒。
• SEO 友好 – 没有 hydration 问题，也没有依赖 JS 的渲染。
• 易于维护 – 客户团队可以直接编辑 HTML。
• 托管成本低 – Netlify 上的静态文件在永久免费层是免费的。

唯一的例外是 Totalbyggarna，它使用 Express.js 进行服务器端渲染和动态表单处理。

SEO 策略

每个站点针对各自的关键词集进行优化，使 Google 将每个域名视为其细分领域的权威。站点之间的交叉链接形成自然的链接网络，提升所有站点的权重。

• staketmastaren.se 在 “staket stockholm” 和 “bygga staket” 关键词上排名。
• hemstadning-nynashamn.se 在 “hemstadning nynashamn” 关键词上排名。
• apexstudio.se 在 “arkitekt nynashamn” 和 “3d visualisering” 关键词上排名。
• snabbgrund.se 在 “grundläggning” 和 “platta på mark” 关键词上排名。

关键要点

• 不要过度工程化；Vanilla JS 足以满足 90% 的商业站点需求。
• 对于提供多元服务的企业，多站点方案优于单体架构。
• Railway + Cloudflare 为 Node.js 应用提供了极佳的免费/低成本技术栈。
• 本地 SEO 需要区别于通用 SEO 的策略；交叉链接你的站点有助于提升所有站点的排名。

我们目前正将 Bygglog 扩展为完整的建筑项目管理 SaaS 工具。如您对技术架构感兴趣，欢迎随时联系。