Lovable로 핵심 기능 웹앱 만들기
아이디어를 로그인과 데이터 저장이 되는 웹앱으로 빠르게 구현하고 싶은 분에게 맞아요. Lovable, Make, Supabase를 연결해 영상 요약과 전자명함 서비스를 만들고 인증 기능까지 붙여요.
공간: 바이브 코딩 · 8편
- make 사용을 위한 다양한 계정 설정 + 시나리오 만들기 테스트 — 캔디 ·
소개 Make를 통해 유튜브 내용을 요약해 주는 링크 만들기를 위한 사전 설정 및 시나리오 만들기 test를 해본 기록입니다. 러버블, 메이크, 수퍼베이스, openAI 등의 계정을 연결하고 설정하기 위해서 토요일 2시부터 4시까지 오프라인 스터디에 참석했어요 4시까지 진행한 내용은… - Make 유튜브 요약 자동화 토요일 오프 후기 — 부지런한 부엉이 ·
안녕하세요~ 저는 미니베니님 소개로 들어오게 된 YOON 입니다. 현재 앱 개발자로 일하고 있습니다. AI 활용도는 단지 업무 보다가 LLM으로 코드 부탁 👉 붙여넣기 👉 수정 등으로 간간히 활용하기는 했었습니다 주변에서 MCP, make, 바이브 코딩.. 여러 AI 좋다는 소리… - Lovable + Make + Supabase로 유튜브 요약 웹페이지 만들기 따라해보기 — 꼼꼼한 화가 ·
사용한 도구들 Lovable: UI 구성 및 프런트엔드 제작 Make + Magic Meal Kits: YouTube 영상의 내용을 추출 및 분석하는 자동화 시나리오 구성 OpenAI: 추출된 텍스트를 요약하는 역할 Supabase: 요약 결과를 저장할 테이블 관리 (Database… - 😱전자명함에서 문자 발송까지, 내가 꿈꾸는 자동화 여정 😅 — 코알라 ·
🎯 소개 러버블(Lovable)로 전자명함 페이지를 만들고, 거기에 타입봇(Typebot)을 연결해서 고객 정보를 입력받아 구글 스프레드시트에 저장하는 시도를 했습니다. 이후에는 스프레드시트에 데이터가 들어오면 자동으로 고객 관리 페이지 (구글 앱스를 활용해서 구글스프레드 시트 )에… - Lovable로 만든 페이지에 구글 OAuth 로그인 붙이기 — 꼼꼼한 메이커 ·
소개 지난 주까지 만들었던 유튜브 요약기에 구글 로그인하기 기능을 붙여보았습니다. 생각보다 쉽게 진행이 되어서 그 과정을 공유해봅니다. 진행 방법 먼저 Lovable에서 다음과 같이 Prompt를 입력했어요. 1. 로그인 기능을 구현하고 싶습니다. supabase에 user_id 컬럼… - YouTube 요약 자동화 끝판왕! ➜ 자동 생성 + 랜딩페이지까지 완성 🔥 — 명랑한 펭귄 ·
사용한 도구 🧠 ChatGPT (요약 생성, PRD프롬프트 만들기) 🔁 Make.com (자동화 워크플로우 설계) 💾 Supabase (Storage + Database) claude.ai(Supabase 테이블 자동 생성, PRD와 디자인.mg-러버블에 넣을 코드) Lovabl… - 구글 로그인 및 회원가입 기능 구현 – Lovable + Make + Supabase 유튜브 요약 웹 앱 고도화 — 꼼꼼한 화가 ·
🔧 사용한 도구 Supabase: 인증 및 DB 저장 기능 Google Cloud Console: OAuth 클라이언트 설정 Make: 자동화 시나리오 유지 Lovable: 웹페이지 UI 구성 📌 구현한 기능 이메일로 회원가입 후 로그인 처리 구글 계정으로 간편 로그인 처리 ⚠️… - 요리 유튜브 자동 요약 + 구글 로그인 웹앱 만들기 🍳 — 명랑한 펭귄 ·
사용된 도구 Supabase: 자바스크립트 기반 로그인 인증 및 DB 저장 Google Cloud Console: OAUTH 클라이언트 설정 Make: 자동화 시나리오 관리 LOVABLE: 웹 UI 구현 도구 ChatGPT: 디자인 프롬프트 생성 역할 Gemini: 내용을 "레시피 순…