Openclaw와 VPS를 활용한 나만의 바이브 코딩 환경: 웹 개발자라면 이게 정답입니다! (Hermes에서도 가능)
My Vibe Coding Setup on Openclaw + VPS: If you are developing for the web, THIS IS what you need! (Works for Hermes too)
핵심 요약
Openclaw와 VPS를 활용해 수많은 프로젝트를 체계적으로 관리하는 바이브 코딩 환경 구축법을 소개합니다.
- 체계적인 환경 구축 — 프로젝트 디렉토리와 서버 설정을 표준화하여 수십 개의 프로젝트를 효율적으로 관리함.
- 자동화된 배포 — nip.io와 Nginx를 활용해 DNS 설정 없이도 SSL이 적용된 프로젝트를 즉시 배포함.
- 웹 기반 IDE — Code Server를 VPS에 설치하여 어디서든 브라우저로 VS Code에 접속해 개발함.
- 토큰 효율화 — 에이전트에게 모든 것을 맡기지 않고 직접 터미널과 IDE를 제어하여 시간과 토큰을 절약함.
10년 차 풀스택 웹 개발자이자 2022년부터 바이브 코딩을 해왔습니다.
지난 10년간 Golang과 리눅스 시스템도 다뤄왔습니다.
Openclaw와 Hermes 출시 후 테스트를 거쳐, 수십~수백 개의 프로젝트를 충돌 없이 관리할 수 있는 나만의 바이브 코딩 환경을 구축했습니다. 1월부터 점진적으로 발전시켜 현재 20개 이상의 프로젝트를 관리 중입니다.
내 바이브 코딩 환경의 구성 요소는 다음과 같습니다:
- 체계적인 프로젝트 디렉토리 및 서버 수준 설정.
- nip.io를 활용한 도메인 설정(와일드카드 DNS 리졸버, 별도 DNS 설정 불필요).
- 비공개/내부 앱을 위한 기본 또는 앱 수준 인증 및 권한 부여.
- VS Code를 VPS 환경에 설치(비밀번호 보호, 어디서든 접근 가능).
- VS Code를 통한 터미널 접근.
이를 통해 에이전트와 협업하며 작업 상황을 추적하고, 에이전트에게 시키는 대신 직접 작은 수정사항을 처리하여 시간과 토큰을 절약합니다.
설정 방법은 다음과 같습니다!
1단계: 기본 기술 스택 사전 설치
에이전트에게 웹 서버로 Nginx와 프로젝트 개발에 필요한 모든 의존성을 배포하도록 지시하세요.
필요한 공통 의존성: build-essential, zlib1g-dev, libpng-dev, libjpeg-dev, libxml2-dev, libxslt1-dev, libyaml-dev, sqlite3 & libsqlite3-dev, redis-server, libssl-dev, Let's Encrypt certbot.
에이전트에게 sudo 권한이 있다면 이 목적을 위한 프롬프트를 제공하여 모든 것을 설치하고 구성하게 할 수 있습니다.
2단계: 프로젝트를 위한 디렉토리 구조, DNS 및 SSL 설정
가장 중요한 단계 중 하나입니다. 이 지침이 없으면 에이전트가 서버 아무 곳에나 프로젝트를 배포하고 위치를 기억하지 못합니다. 또한 신뢰할 수 없는 개발 서버를 실행하게 됩니다.
대신, 에이전트에게 개발 환경에 새 프로젝트를 배포할 때마다 다음 과정을 영구적으로 기억하도록 요청하세요.
- Set up proper nginx site config
- Set up proper directory structure for every new project (/var/www/PROJECT_NAME/public_html)
- Set up logs directory at (/var/www/PROJECT_NAME/logs)
- Use the nip.io domain name with appropriate app name.
- Use Let's encrypt to install and configure SSL on all the apps.
- Create a dedicated backend process to run the projects and proxy pass via Nginx if required. For PHP based apps, Use dedicated PHP-FPM pool for the projects.
- Always ask me if the project is publically accessible or not. If I mention private project, protect it with Basic auth and save the password for me.
