현재 AWS 프리티어 기간이 얼마 남지 않아 티스토리로 이전을 준비 중이지만, 직접 블로그를 만들어 보고 싶어서 Next.js와 Notion API를 활용해 AWS EC2에 배포한 개인 블로그를 구현한 경험을 정리했습니다. 📌 프로젝트 깃허브, 배포 링크 현재 운영 중입니다. 한 번 구경해 보세요!개인 블로그 주소 : https://minsunblog.com/프로젝트 깃허브 : https://github.com/pminsun/MinsunBlogQ. 프로젝트 소개이 프로젝트는 기술 블로그를 운영하고 싶다는 마음에서 시작했습니다. 고민 끝에 Notion API를 알게 되었고, 이를 Next.js와 AWS EC2를 활용해 블로그로 구현하게 되었습니다. 구현 과정에서 여러 챌린지와 이슈가 있었습니다:1. No..

블로그 포스팅 글이 100개를 넘어가면서 0 번째부터 글들이 리스트에 없어 notion api 에 대해 다시 살펴봤다. Notion Api포스트 맨으로 api를 불러와 보니 100개 초과 일 때 와 아닐 때 값이 다른 점이 있다. results 100개 이하일 때has_more값이 false이며 next_cursor 값도 null 이다.// JSON{ "object": "list", "results": [ /// ], "next_cursor": null, "has_more": false, ...}  results 100개 초과 일 때has_more값이 true이며 next_cursor 값은 string된 값이 생긴다.// JSON{ "object": "list", "results": [ /// ]..

Notion api 로 불러오면서 하위 이미지와 같은 경고 문이 뜬다.Warning: data for page "/" is 184 kB which exceeds the threshold of 128 kB, this amount of data can reduce performance.See more info here: https://nextjs.org/docs/messages/large-page-data Large Page Data공식 문서(https://nextjs.org/docs/messages/large-page-data) 에서는 데이터 양을 줄이라는 해결책을 줬지만 내 경우에 해당하는 해결 방법이 아니어서 다른 방법을 찾아보았다. next.config.js나랑 똑같은 문제를 겪고 있는 글을 찾아보니..

Next.js 13에서 사용할 수있는 Server-Side Rendering (SSR) 에 대해 애기 해보고자 한다.글을 쓰게 된 이유는 Notion.api를 활용해서 블로그를 제작해봤는데 api를 불러올때 브라우저를 통하면  CORS 에러가 나 해결방안으로 SSR을 사용했기 때문이다.  CORS 에러CORS(Cross-Origin Resource Sharing) 에러는 클라이언트에서 다른 도메인에 요청을 보낼 때 발생할 수 있습니다. 이 에러는 보안상의 이유로 브라우저가 동일 출처 정책(Same-Origin Policy)을 적용하기 때문입니다.관련 글 : https://minsun309.tistory.com/entry/CORS-%EC%97%90%EB%9F%AC Notion APICORS 에러에 대한 해..