소규모 건설 회사를 위해 Modern Web Tech를 사용해 7개의 웹사이트를 구축한 방법

Source: Dev.to

Site Portfolio

• Totalbyggarna – 전체 리노베이션, 프로젝트 관리, 일반 건설을 다루는 모회사 사이트. Express.js를 Railway에 배포하여 구축.
• Snabbgrund – 기초 및 토목 작업 전문 (플랫 온 마크, 크롤 스페이스, 배수).
• Staketmastaren – 목재, 금속, 유리 난간 등 모든 울타리 관련 서비스.
• Hemstadning Nynashamn – 청소 서비스: 입주·퇴거 청소, 사무실 청소, 창문 세척.
• Son och Far – 페인팅 및 벽지 시공(내·외부). 부자·아들 브랜드.
• Apex Studio – 건축 디자인 및 시각화: 3D 렌더링, 청사진, 건축 허가.
• Bygglog – 일정 및 예산 관리를 위한 건설 프로젝트 트래킹 도구.

Tech Stack

Frontend

• HTML5
• CSS3
• Vanilla JS (프레임워크 불필요)

Backend

• Express.js (Node.js)

Hosting

• Railway (주요)
• Netlify (정적 사이트)

DNS / CDN

• Cloudflare (프록시, SSL, 캐싱)

Version Control

• Git + GitHub

CI/CD

• Railway 자동 배포 (main 브랜치)

Domains

• .se TLD는 Svenska Domaner를 통해 등록

Why This Stack Works for Local Service Businesses

• Fast load times – Vanilla HTML은 3G 환경에서도 1초 미만에 로드됩니다.
• SEO‑friendly – 하이드레이션 문제 없으며, JS 의존 렌더링이 없습니다.
• Easy to maintain – 클라이언트 팀이 HTML을 직접 편집할 수 있습니다.
• Cheap to host – Netlify의 정적 파일은 영구 무료 티어에서 제공됩니다.

예외는 Totalbyggarna로, 서버‑사이드 렌더링 및 동적 폼 처리를 위해 Express.js를 사용합니다.

SEO Strategy

각 사이트는 자체 키워드 클러스터를 목표로 하여 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”에 대해 순위가 높습니다.

Takeaways

• 과도한 설계는 피하세요; Vanilla JS만으로도 비즈니스 사이트의 90 %를 충분히 구현할 수 있습니다.
• 다양한 서비스를 제공하는 기업에는 단일 모놀리식보다 멀티‑사이트 접근이 더 효과적입니다.
• Railway + Cloudflare 조합은 Node.js 앱을 위한 훌륭한 무료/저가 스택을 제공합니다.
• 로컬 SEO는 일반 SEO와 전략이 다르며, 속성 간 교차 링크가 모든 사이트의 순위 향상에 도움이 됩니다.

현재 Bygglog를 건설 프로젝트 관리용 풀 SaaS 툴로 확장하고 있습니다. 기술 아키텍처에 관심이 있으시면 언제든지 연락 주세요.