프로젝트 생성 (chatbot)
<aside> 💡
npx create-next-app@latest chatbot --typescript --tailwind --eslint --app --no-src-dir --import-alias "@/*" --use-npm
</aside>
supabase 설치
<aside> 💡
easynext supabase
</aside>
커서에 메인 페이지 구현 요청
@page.tsx 아래 요구사항을 만족하는 1page 챗봇 만들어줘
<요구사항>
- 채팅 UI로 기업 규정 조회
- 대분류 선택 후 규정 선택
- 알 수 없는 입력인 경우 안내 메세지
- 대화 목록은 사용자 브라우저 저장
</요구사항>
<규칙>
- 필요한 테이블을 supabase migrations로 정의해줘
- migration 파일은 날짜가 아닌 0001과 같이 숫자로 시작하는 파일명으로 만들어줘
- 로그인/회원가입 기능은 추가하지 않음
- supabase migration 실행은 직접 할 것임
</규칙>
supabase 연동
프로젝트 생성 (twitter)
supabase settings
커서에 구현 사항 요청
아래 요구사항 반영해서 트위터 클론코딩 프로젝트 구현해줘
<구현기능>
- 커뮤니티 필수 기능 구현
: 로그인 / 회원가입
: 글 작성, 수정, 삭제, 댓글, 좋아요
</구현기능>
supabase, next-auth를 사용
tiwtter와 유사한 스타일의 디자인으로 세련되게 구현
supabase 연동
하지만 브라우저의 UI는 갱신이 잘 되는데 DB 테이블에는 갱신이 안되는 이슈가 있었음
답글을 삭제/추가하는 로직에 DB를 건드는 코드 추가해야했음