CELL AI DEVLOG

Next.js 없이도 됩니다. Vite + Cloudflare Pages 조합으로 더 빠르고 더 저렴하게 SaaS를 배포하는 법, 직접 겪으면서 정리했습니다.[핵심 요약]→ 스택: Vite + React (TypeScript) + Supabase + Cloudflare Pages→ 장점: Next.js보다 빠른 빌드, Cloudflare 글로벌 CDN 무료→ 함정 1: Vite 환경변수는 VITE_ 접두사 필수 (CRA와 다름)→ 함정 2: SPA 라우팅 직접 접속 시 404 → _redirects 파일로 해결→ 함정 3: Supabase 무료 티어 7일 미접속 시 일시정지 → GitHub Actions로 해결→ 추가: 구글 서치 콘솔 사이트명 오인식 문제 → JSON-LD 구조화 데이터로 해결→ 비용:..

Lovable, Claude Code, Cursor로 만든 테이블이 5월 30일부터 Data API에서 자동으로 사라집니다. 미리 대응하지 않으면 프로덕션이 조용히 터집니다.[핵심 요약]→ 변경: public 스키마 테이블의 Data API/GraphQL 자동 노출 비활성화→ 시작: 2026년 4월 28일 (옵트인 가능)→ 신규 프로젝트 기본값: 2026년 5월 30일→ 기존 프로젝트 적용: 2026년 10월 30일→ 영향: supabase-js, REST API, GraphQL API 전부→ 증상: PostgREST 403 에러 → "no permissions exist for anon/authenticated"→ 해결: 명시적 GRANT 추가 (테이블 생성 시 필수)→ RLS는 그대로: Grant와 ..

AI 에이전트가 Supabase를 알고는 있습니다. 그런데 제대로 쓰는 건 다른 얘기입니다. RLS 없이 테이블 만들고, 없는 CLI 명령 날조하고, security_invoker 빠뜨린 뷰를 만듭니다. MCP + Agent Skills로 이걸 고칩니다.[핵심 요약]→ Supabase MCP: AI 에이전트가 자연어로 DB 관리 (20개+ 툴)→ Postgres Best Practices: AI 에이전트용 30가지 Postgres 룰셋→ Supabase Agent Skills: MCP + 보안 규칙 + 문서 검색 통합 패키지→ 지원 클라이언트: Claude Code, Cursor, Codex, GitHub Copilot, Windsurf→ 핵심 문제: MCP만으론 부족 — 에이전트가 여전히 잘못된 패턴 ..

"AI 기능 추가해야 해"라는 말을 들으면 많은 개발자가 기존 앱에 LLM API 호출을 끼워 넣어요.# 이렇게 하면 안 돼요@app.post("/chat")def chat(message: str): response = openai.chat.completions.create(...) # 그냥 때려넣기 return response이렇게 만들면 사용자가 100명만 돼도 무너져요. LLM은 일반 API 호출과 물리학이 달라요.일반 API: 10~100ms, 결정론적, 토큰 비용 없음LLM API: 500ms~30초, 확률론적, 토큰마다 비용 발생이 차이가 아키텍처 전체를 바꿔요. 이번 글에서는 처음부터 AI를 고려한 풀스택 구조를 실전 코드와 함께 정리해 드릴게요.전체 아키텍처 구조백엔드 —..