[제작기]Lovable에서 시작한 웹사이트를 Cloudflare Workers에 올리기까지

Builders Korea는 Lovable에서 시작한 코드를 바탕으로 Cloudflare Workers에 배포했습니다. 처음부터 모든 부분을 새로 만드는 대신, 기존 화면과 백엔드를 살리면서 실행 환경을 정리한 작업입니다.

먼저 무엇이 어디에 있는지 나눴습니다

이 구분이 없으면 “이전한다”는 말이 화면, 데이터베이스, 로그인 제공자를 모두 바꾸는 작업으로 커지기 쉽습니다. 이번에는 앱의 배포 환경을 바꾸고, 기존 백엔드는 유지했습니다.

빌드 성공 다음에 할 일

Vite와 Nitro의 Cloudflare용 빌드 결과를 만든 뒤, Workers에서 실행되는지 확인했습니다. 홈만 보지 않고 게시판, 글 상세, 없는 주소, 정적 이미지까지 확인했습니다. 서버가 렌더링한 첫 HTML에 글 내용이 들어오는지도 따로 검사했습니다.

실제로 서버와 브라우저의 날짜 표시가 달라 화면을 다시 맞추는 경고가 발생했습니다. 서울 시간 표시 방식을 일관되게 바꿔 해결했습니다. 로컬 빌드만으로 발견하기 어려운 종류의 문제였습니다.

다음 이전 작업에도 남길 순서

1. 기존 코드·데이터·인증의 연결을 먼저 기록합니다.
2. 운영 도메인에 연결하기 전에 임시 배포 주소에서 실행합니다.
3. 기존 데이터가 그대로 조회되는지 확인합니다.
4. 로그인 후 글 작성까지 이어지는 흐름을 확인합니다.
5. 대표 도메인을 붙이고 같은 흐름을 다시 확인합니다.

이번 구성은 하나의 사례입니다. 같은 프레임워크라도 어댑터와 실행 환경에 따라 설정이 달라지므로, 파일을 그대로 복사하기보다 자신의 빌드 결과와 런타임부터 확인하는 편이 좋습니다.