소개
최근에 Firebase를 활용해서 자동화를 시도해봤는데요, 사실 원래는 n8n으로 이미 작업된 herk 사례를 참고해서 자동화를 구성했었고, 그걸 러버블대신 Firebase studio 대시보드에 연결하는 형태로 Firebase를 써보려고 했어요. 하지만 막상 해보니 생각보다 원하는 대로 나오지 않았습니다. 아직 완성은 아니지만 과정 자체를 즐기다보니 재미있었습니다 😊
진행 방법
시 도한 도구들
Firebase: herk의 n8n 기반 사례를 러버블 대시보드와 연결해보려고 사용했어요.n8n: herk의 json을 그대로 사용했어요.ElevenLabs: 음성 생성 기능이 흥미로워서 연동 시도했어요.
진행 방식
파이어베이스에 PRD입력 하여 n8n과 일레븐랩스사용할 것이라 알려줌
웹훅주소와 임베딩코드를 제공함n8n에서 특정 조건에 따라 자동으로 동작하는 워크플로우를 구성
중간에 ElevenLabs API를 활용해 텍스트 → 음성 변환 트리거
이코드를 파이어베이스에 알려줘야 파이어베이스에서 연동하여 동작을한다
중간에 겪은 일
에러가 꽤 자주 발생했고, 특히 API 연동 시 세부 옵션에서 막히는 부분이 있었어요.
아직 완벽하게 해결되진 않았지만, 그 과정도 꽤 재미있었습니다.
결과와 배 운 점
Firebase는 러버블보다 작업성이 떨어진다는 느낌을 받았어요. 제가 이것에 대한 사용법을 완전히 이해못해서 그럴거라 생각합니다.
자동화 자체가 처음엔 어렵게 느껴졌지만, 시도해보니 생각보다 손쉽게 구현 가능하다는 점을 느꼈습니다.
아직 완성되지 않았지만, 계속해서 손보며 완성해볼 계획이에요.
도움 받은 글 (옵션)
러버블과 파이어베이스 비교
✅ 1. 개념 비교
항목
Firebase Studio (Hosting)
목적
비개발자 대상 AI 기반 웹 생성 플랫폼
개발자 대상 프론트엔드 정적 사이트 배포 플랫폼
주 사용층
마케팅/세일즈/크리에이터
개발자, 스타트업, 기술 블로거
사용방식
웹사이트에서 블록 조립, 배포 클릭
로컬에서 개발 → Firebase CLI로 배포
커스텀 도메인
유료 플랜에서 간단하게 연결 가능
무료로 커스텀 도메인 연결 가능 (DNS 설정 필요)
주 활용
챗봇, 랜딩페이지, 링크트리
웹앱, 포트폴리오, 블로그, SPA 등
✅ 2. 기능 비교
항목
Firebase Hosting
디자인 템플릿
다양하고 AI 추천 제공
직접 제작 필요 (React, Vue 등)
콘텐츠 작성
AI 자동화 작성 지원 (GPT 기반)
수동 작성 (직접 코딩 or 마크다운 기반)
폼, 챗봇 기능
내장형 챗봇 및 CTA 가능
외부 서비스 연동 필요 (n8n, Supabase 등)
확장성
제한적 (Lovable 플랫폼 내에서만)
매우 유연 (API, DB, 백엔드 연결 가능)
백업/소스 접근
불가능
GitHub 연동 가능, 로컬에 전체 소스 보유
SEO 최적화
플랫폼에 따라 제한적
meta 태그 및 sitemap 직접 구성 가능
✅ 결론 및 추천
목적
추천
마케팅용 링크트리/랜딩페이지
✅ Lovable.ai (속도와 편의성)
내 서비스 소개 및 포트폴리오 + 폼연동 + 백엔드
✅ Firebase Hosting (기능 확장성, 소유권 확보)
AI 챗봇 중심 커뮤니티나 전환형 페이지 제작
✅ Lovable.ai (챗봇 내장, 전환최적화 설계)
장기 운영할 웹사이트나 블로그
✅ Firebase Hosting (확장성, 백업성)
💬 한마디:
"완벽하게 몰라도 괜찮아요. 해보면 재미있고, 점점 감이 옵니다! 겁내지 말고 한 번 시도해보세요 😊"