[매우 매우 중요한 PR] 블로그 기능 추가

[Mango-Juice]

개요

• 노션을 활용한 블로그 기능 추가

변경 사항

1. SSR을 위한 Next.js 도입

• 바닐라 React.js만으로는 블로그 기능을 사용하지 못하며, 노션 API와 연동 시에도 CORS 문제가 발생함.
• 따라서 서버에서 렌더링, API 요청을 할 수 있는 Next.js를 도입함.
• SSR이 필요하므로 nginx와 pm2를 함께 돌리는 방식으로 구현함.
• 아직 기존 코드를 Next.js로 완벽하게 바꾸지 못했으며, 이로 인한 후속 버그가 존재할 수 있음.

2. 노션을 활용한 블로그 기능 추가

• 노션 API를 활용해 노션을 DB로 사용, 홈페이지에서는 조회만 할 수 있도록 함.
• 글 작성 또한 노션을 활용해서 자유롭게 가능함.

확인 방법 (스크린샷 첨부 가능)

한계점 / 문제점

1. CI/CD 코드가 기존 바닐라 React.js에 맞춰져 있어 잠시 비활성화해뒀습니다.
2. 노션이 로딩이 좀 느리네요.. 추후 페이지네이션을 꼭 구현해야 할 것 같습니다. (해결됨: 블로그 및 포스트에 ISR 도입 #43)
3. 블로그 글에서 데이터베이스, 표, 체크 박스 사용시 페이지 조회 API가 제대로 작동하지 않습니다.
4. 해당 레포를 클론하여 다른 환경에서 돌릴 경우, Proxy 설정이 필요합니다. (해결됨: 블로그 및 포스트에 ISR 도입 #43)

업데이트시 EC2 세팅 방법

ssh -i <KEY_PATH> ubuntu@<ADDRESS> # 적절한 값을 <>에 대입
cd FD_Web
git pull
npm install --verbose # 필요시에만
sudo npm run build # sudo 없으면 오류남
sudo pm2 restart 0 # sudo 없으면 오류남