Next.js

React로 커뮤니티 사이트 프로젝트를 진행중에 SPA를 사용할 경우 seo문제가 있다는 것을 알게 되었다. Next.js 프레임워크를 사용하면 react를 node환경에서 사용할 수 있기 때문에 페이지에 따라 pre-rendering, csr을 쉽게 선택적으로 적용할

nextjs에서는 .env파일이 아닌 .env.local 파일을 생성하여 환경변수에 쉽게 접근할 수 있다. 또한 vercel에 배포할 경우 환경변수를 사용하기 위해서는 .env가 아닌 .env.local에 생성한 환경변수에 접근이 가능하다. 적용이 되지 않을 때 필히

커뮤니티 사이트를 만드는 중에 게시물 업로드를 위한 무료 에디터로 quill을 선택했고, database에 무거운 이미지를 저장하는 것은 부적절 하다고 판단하여 이미지 저장소는 s3로 따로 분리하는 과정을 기록하였다. quill 기본설정에서는 이미지를 base64로 가