본문 바로가기

vercel

30. Analytics와 에러 추적 - Vercel 모니터링 가이드 Vercel 모니터링 가이드 - 30편. Analytics와 에러 추적운영과 모니터링 방법을 정리합니다.이 글에서는 Analytics, 에러 로깅, 백업, 보안 점검을 다룹니다.🎉 배포 완료! 하지만...배포 완료! 하지만 이제 시작입니다.처음에는 "배포하면 끝이지"라고 생각했습니다.그런데 며칠 후 문제가 생겼습니다."로그인이 안 돼요""페이지가 느려요""에러가 났어요"운영이 더 어렵다는 걸 깨달았습니다.Claude에게 물었습니다.운영하면서 뭘 확인해야 해?에러는 어떻게 추적하지?📊 Vercel Analytics방문자 분석 도구입니다.설치npm install @vercel/analytics// app/layout.tsximport { Analytics } from '@vercel/analytics/r.. 더보기
29. GitHub 연동과 도메인 설정 - Vercel 배포 가이드 Vercel 배포 가이드 - 29편. GitHub 연동과 도메인 설정Vercel에 배포하여 세상에 공개합니다.이 글에서는 GitHub 연동, 환경 변수 설정, 커스텀 도메인, 자동 배포를 다룹니다.🚀 드디어 배포!3개월간 개발한 프로젝트를 세상에 공개할 시간이 왔습니다.로컬에서만 돌리던 걸 인터넷에 올리는 순간은 항상 떨립니다.Claude에게 물었습니다.배포하려고 해.Vercel이 좋을까?Vercel을 선택한 이유:✅ Next.js 제작사 (완벽 호환)✅ 무료 플랜 충분✅ GitHub 연동 자동 배포✅ HTTPS 자동 적용✅ 글로벌 CDN📦 GitHub 저장소 준비1. 저장소 생성github.com → New repository이름: kmetaroPrivate (비공개) 권장2. 로컬 연결git in.. 더보기
02. 기술 스택 선정 - 왜 이 조합인가 02편. 기술 스택 선정 - 왜 이 조합인가Next.js, Supabase, Vercel.이 조합을 선택하기까지의 고민과 비교 과정을 공유합니다.🤔 선택지가 너무 많았다프로젝트를 시작하려면 먼저 기술 스택을 정해야 합니다.그런데 요즘 세상엔 선택지가 너무 많습니다.React, Vue, Svelte. Firebase, Supabase, PlanetScale. Vercel, Netlify, Railway.조합의 수가 끝이 없었습니다.Claude에게 물어봤습니다."B2B 견적 플랫폼 만들건데, 기술 스택 추천해줘"AI는 몇 가지 조합을 제안했습니다. 하지만 최종 결정은 제 몫이었습니다.그래서 나름의 기준을 세웠습니다.🎯 기술 선택의 기준세 가지를 정했습니다.첫째, AI가 잘 알아야 한다.이 실험의 핵심은 .. 더보기
00. AI와 함께 B2B 플랫폼 만들기 - 전체 목차 AI와 함께 B2B 플랫폼 만들기 - 전체 목차"AI가 코드를 썼고, 나는 방향을 정했습니다"AI와 함께 어디까지 만들 수 있을까? 3개월간의 개인 실험 기록을 공개합니다.📚 시리즈 소개항목내용프로젝트 성격개인 실험 (회사 무관)총 편수30편 + 보너스 4편대상코딩 초보자 ~ 중급자기술 스택Next.js, Supabase, Tailwind CSSAI 도구Claude Code🎯 이 시리즈에서 배우는 것AI(Claude Code)와 함께 개발하는 방법무료/저비용 기술 스택 활용B2B 서비스의 구조와 기능Next.js + Supabase 풀스택 개발실제 서비스 운영 노하우📖 목차Part 1. 시작 (4편)#제목핵심 내용1프롤로그 - AI와 함께 B2B 플랫폼을 만들다개인 실험의 시작, 견적서를 선택한 이.. 더보기