LobsterBoard: 클라우드 없이 동작하는 셀프 호스팅 대시보드 빌더

LobsterBoard는 하나의 Node.js 서버만으로 동작하는 셀프 호스팅 대시보드 빌더입니다. 별도의 프레임워크나 빌드 과정 없이 실행되며, 드래그 앤 드롭 방식으로 50개의 위젯을 배치해 나만의 대시보드를 구성할 수 있습니다. 클라우드 의존성이 없기 때문에 모든 데이터는 로컬에 저장되며, 템플릿 갤러리와 커스텀 페이지 기능을 통해 확장성까지 확보한 것이 특징입니다. 이 글에서는 LobsterBoard의 개념, 주요 기능, 사용 방법, 운영 방식까지 정리해보겠습니다.

반응형

---

LobsterBoard 개요

LobsterBoard는 범용 대시보드 플랫폼입니다. 홈랩 모니터링, 주식 추적, 날씨 확인, 할 일 관리 등 다양한 목적에 맞게 자유롭게 구성할 수 있습니다.

특히 다음과 같은 특징을 가집니다.

• 단일 Node.js 서버 기반
• 프레임워크 및 빌드 스텝 불필요
• 완전 로컬 실행 (No Cloud)
• 드래그 앤 드롭 UI 편집기 제공
• 템플릿 기반 레이아웃 공유

또한 OpenClaw와 함께 사용할 수 있으며, 이 경우 인증 상태, 크론 작업, 활동 로그 등 추가 위젯을 활용할 수 있습니다. 다만 OpenClaw는 선택 사항이며, LobsterBoard는 단독으로도 완전하게 동작합니다.

---

빠른 설치 및 실행 방법

1. npm으로 설치

npm install lobsterboard
cd node_modules/lobsterboard
node server.cjs

2. Git으로 클론

git clone https://github.com/Curbob/LobsterBoard.git
cd LobsterBoard
npm install
node server.cjs

브라우저에서 다음 주소로 접속합니다.

http://localhost:8080

접속 후 Ctrl + E를 눌러 편집 모드로 진입합니다.
사이드바에서 위젯을 드래그하여 배치한 뒤, 저장 버튼을 눌러 구성 정보를 저장합니다.

---

주요 기능 분석

1. 드래그 앤 드롭 편집기

• 20px 스냅 그리드 기반 정렬
• 위젯 크기 조절 핸들 제공
• 우측 속성 패널에서 설정 변경
• 실시간 레이아웃 구성

코드를 작성하지 않고 시각적으로 대시보드를 구성할 수 있어 접근성이 높습니다.

---

2. 50개 위젯 제공

LobsterBoard는 다양한 카테고리의 위젯을 제공합니다.

시스템 모니터링

• CPU / Memory 실시간 사용량
• Disk Usage 링 게이지
• Network Speed 업/다운로드 속도
• Uptime Monitor
• Docker 컨테이너 상태

날씨

실시간 날씨 정보 제공

시간 및 생산성

시간 관리 및 일정 관련 위젯

미디어 및 콘텐츠

RSS, 콘텐츠 피드 등

AI / LLM 모니터링

AI 관련 상태 추적 위젯

금융

주식 및 금융 정보 추적

스마트 홈

스마트 홈 디바이스 상태 확인

임베드 및 유틸리티

외부 콘텐츠 임베드 및 다양한 도구 위젯

이처럼 단순 모니터링을 넘어 개인 대시보드, 업무 관리 보드, 정보 허브 등으로 확장 가능합니다.

---

3. 템플릿 갤러리 시스템

내장된 Template Gallery를 통해 대시보드 레이아웃을 공유하고 재사용할 수 있습니다.

주요 기능은 다음과 같습니다.

• 현재 대시보드를 템플릿으로 Export
• 자동 스크린샷 미리보기 생성
• 다른 템플릿 Browse
• Import 시 두 가지 방식 지원
  • Replace: 전체 교체
  • Merge: 기존 레이아웃 아래에 병합

템플릿은 templates/ 디렉토리에 저장되며, 폴더 단위로 공유 가능합니다.

---

4. 커스텀 페이지 시스템

LobsterBoard는 위젯 기반 대시보드를 넘어, 완전한 커스텀 페이지를 추가할 수 있습니다.

디렉토리 구조는 다음과 같습니다.

pages/
└── my-page/
    ├── page.json
    ├── index.html
    └── api.cjs (선택)

• page.json: 제목, 아이콘, 정렬 정보
• index.html: 페이지 UI
• api.cjs: 서버 사이드 API 라우트

pages 폴더에 추가 후 서버를 재시작하면 자동으로 네비게이션에 등록됩니다. 이를 활용하면 칸반 보드, 노트 시스템, 자체 웹 앱 등으로 확장할 수 있습니다.

---

5. 실시간 데이터 스트리밍

Server-Sent Events 기반으로 시스템 통계가 스트리밍됩니다.
위젯은 자동으로 새로고침되며 실시간 모니터링 환경을 제공합니다.

---

6. 완전한 로컬 실행 (No Cloud)

• 모든 데이터는 로컬 저장
• config.json에 설정 저장
• 외부 클라우드 의존성 없음

보안 및 프라이버시 측면에서 강점을 가집니다.

---

LobsterBoard의 기술적 강점

1. 단일 Node.js 서버 구조로 단순성 확보
2. 빌드 스텝 없음 → 즉시 실행 가능
3. 완전 로컬 운영 → 데이터 주권 보장
4. 위젯 확장 및 커뮤니티 기여 가능
5. 템플릿 기반 레이아웃 공유

특히 홈랩 운영자나 개인 서버 관리 환경에서 높은 활용도를 가질 수 있습니다.

---

728x90

LobsterBoard는 복잡한 설정 없이 즉시 실행 가능한 셀프 호스팅 대시보드 플랫폼입니다. 50개의 위젯과 템플릿 시스템, 커스텀 페이지 확장 기능을 통해 단순 모니터링을 넘어 개인화된 정보 허브로 활용할 수 있습니다.

클라우드 의존 없이 로컬에서 안전하게 데이터를 관리하고 싶은 사용자에게 적합하며, 홈랩, 서버 모니터링, 개인 생산성 관리 등 다양한 시나리오에서 활용 가능합니다.

앞으로 커뮤니티 위젯 확장과 사용자 정의 페이지 활용이 활성화된다면, 단순한 대시보드를 넘어 하나의 경량 웹 플랫폼으로 발전할 가능성도 기대됩니다.

300x250

https://github.com/Curbob/LobsterBoard

GitHub - Curbob/LobsterBoard: OpenClaw Dashboard Builder - Create custom dashboards