사주 AI 웹서비스 제작노트 - 5

 

사주 AI 웹서비스 제작노트 - 4

 
 
배포를 위해 git을 설치합니다.

Git - Install for Windows

 
 
Git bash 실행

# 1. Git 버전확인
git --version

# 2. Git 초기화
git init

# 3. .gitignore 확인 (.env.local 포함되어 있는지)
cat .gitignore

# 4. 전체 파일 추가
git add .

# 5. 첫 커밋
git commit -m "첫 배포 준비"

 
GitHub사이트 접속해서 New버튼을 눌러 새 저장소 만든 후 
로컬과 원격 저장소 연결하기
 
연결도중 혹시 문제가 생기면 설정 삭제후 다시 시작할 수도 있다.
예를 들어 폴더위치를 잘못 잡고 시작했다거나
오타가 났거나 하는 (붙여넣기 하세요 붙여 넣기, Shift + Insert)

rm -rf .git // 잘못된 깃 설정 삭제

cd // cd 한칸 띄우고 작업폴더 드래그해서 터미널 창에 떨어트리기

# 1. 다시 시작
git init

# 2. 내 이름과 이메일 등록 
git config user.email "제작자님@이메일.com"
git config user.name "naming"

# 3. 주소 연결 (이미 존재한다고 뜨면 skip 가능)
git remote add origin https://github.com/ID/Name.git

# 4. 저장하고 올리기
git add .
git commit -m "진짜 프로젝트 초기 세팅 완료"
git branch -M main
git push -u origin main

 

git push

git연결 성공

GitHub 저장소

 
이제 배포를 위해 Vercel을 가입한다 (작업한 깃허브아이디로 로그인)

Vercel: Build and deploy the best web experiences with the AI Cloud – Vercel

 
메인 화면에서 Add New -> Project버튼을 눌러
방금 만든 저장소가 목록에 있는걸 확인 후 import
환경변수설정이 중요한데 숨겨두었던
Supabase URL, API KEY, OpenAI Key 등을 하나씩 복사해서 넣어야 한다.
물론 import파일해도 됨
 
Deloy버튼을 누르면 자동으로 삭삭삭 시간이 흐르는데
 

 
이런 주황 경고는 괜찮고
빨간 에러가 나면 자동으로 멈춘다.
두어번 멈춤 이유가 있음 
내가 사용하는 라이브러리가 타입스크립트랑 아직 덜 친해서 생기는 문제라 ㅋㅋㅋㅋㅋ
 
next.config.mjs파일을 열어서
내용을 싹 지우고 아래 코드로 덮어쓰기를 한다.

/** @type {import('next').NextConfig} */
const nextConfig = {
  typescript: {
    // !! 'lunar-javascript' 에러를 무시하게 해줍니다.
    ignoreBuildErrors: true,
  },
  eslint: {
    // 빌드 시 ESLint 오류도 함께 무시해서 배포 확률을 높입니다.
    ignoreDuringBuilds: true,
  },
};

export default nextConfig;

 
저장한 뒤 터미널에서 다시 코드입력 

git add .
git commit -m "타입 에러 무시 설정 추가"
git push origin main

 

 
훗 성공하였습니다. 
 
아직 도메인을 연결하지 않아.. og이미지도 없음..
뿌려지는 데이터양이 많아서 사주확인하기 누르면
최소 1분은 기다려야 합니다
로딩바 만들 예정

🥭 찐망고 사주풀이

일단 카톡에서는 pdf저장 안됨 (브라우저에서는 잘됨)
데이터베이스도 잘 저장됨
 
참고로 무료 플랜을 사용하기 때문에 주변지인들에게만 공유 예정 
솔직히 이 포스팅도 조회수가 얼마 되지 않을 것이기 때문이라 믿고 ㅎㅎ
웹서버는 100GB까지 무료라 텍스트 위주라면 괜찮을 것 같고
Supabase도 한달에 수백만 건 까진 될 것 같고
OpenAI가 문제인데...ㅎㅎ 아마 저것때문에 차단될 것 같다.  ㅋㅋㅋ
 
 
앞으로 로그인연동도 하고, 리뷰게시판도 만들 예정