Groom

☁️ Next.js, TypeScript로 개발한 공유 블로그

🌳 기술 스택

FrontEnd

• Next.js
  • SEO (검색 엔진 최적화)
  • pre-render
  • dynamic routing
• React
  • 재사용 가능한 컴포넌트 개발
• Recoil
  • Hook을 통한 React state 전역 관리
• React Query
• TypeScript
• Ant Design
• Styled Components
• TinyMCE (Editor)

API ENDPOINT 및 DB 생성

• Prisma
• PlanetScale

🚀 프로젝트 실행

1. 프로젝트 초기 세팅

npm install

2. pscale 로그인

pscale auth login

// 위 명령어 실행으로 `certificate is not standards compliant` error 발생 시
sudo pscale auth login

3. Database에 연결

// pscale connect [DB 이름] [Branch 이름]
pscale connect groom develop

4. Prisma와 Database 연결

Local address를 .env 파일의 DATABASE_URL 키값에 삽입

.env

DATABASE_URL=mysql://Local address/groom

5. 생성한 DB 확인 (관리자 패널창)

npx prisma studio

6. 로컬 서버 실행

npm run dev