NextJS 사용한 블로그 배포하기

나만의 블로그를 만들어서 배포하기 프로젝트를 시작하겠습니다!

동기

항상 내가 공부해온 것들을 노션에 저장했었는데, 노션에 저장하다 보니 다른 사람들과 공유할 수 없었습니다. 마침 웹 개발 프로젝트를 여럿 해보았고, 집에서 썩어가고 있는 라즈베리파이3를 서버로 두어 DNS 설정까지 해주어서 직접 배포해보고자 합니다.

시작

개발을 시작하기 위해서 사양을 정리할 필요가 있습니다.

개발 사양

1. 블로그 기능
   • 일반적인 블로그의 기능을 모두 갖출 것. 우선 목적은 블로그 포스팅이므로 게시물을 게시할 수 있어야 하며, 노션 페이지가 마크다운으로 작성되므로 서로 상호작용될 수 있도록 마크다운으로 작성되어서 Next의 장점인 SSR, CSR을 모두 사용한 블로그일 수 있도록 한다.
2. 포스팅 기능 - 블로그 안에서 포스팅이 가능할 것. 다른 일반적인 블로그들은 대부분 Static 형태로 게시글을 마크다운이나 다른 형태로 저장한 뒤에 Vercel, Jekyll 등의 정적 사이트 형태로 배포한다. 이렇게 하려면 프로젝트 파일 등에서 직접 글을 작성한 뒤에 배포해야 한다. 보통은 이렇게 하지만, 나는 내 블로그에서 직접 포스팅하고 싶었다. 따라서 NextJS에서 제공하는 템플릿을 가져와 직접 포스팅 기능을 추가할 것이다.
3. SEO
   • 검색 최적화가 지원될 것 검색 최적화를 해야 구글에서 검색해서 내 블로그에 들어올 수 있다. 따라서 이것은 거의 필수기능..! 많은 템플릿들이 그렇듯 SEO friendly한 템플릿이 분명 있을 것이다.
4. 채팅
   • 블로그 안에서 채팅이 가능하도록 할 것 이건 내 바람인데 블로그 안에 DM 혹은 실시간 채팅 기능을 만들어서 모두가 공유할 수 있는 채팅을 만들고자 한다. 난 소켓은 정말 많이 다루어 보았으니, 이 부분은 자신있다. 하지만, DM 기능은 Pub/Sub 구조를 통한 메시지 브로커를 따로 또 만들어주어야 하고, 데이터(메시지)들을 따로 저장해야 하므로 조금 어려울 수 있겠다.

사양은 우선 위쯤으로 두고, 블로그 템플릿들을 탐색해야 겠습니다.

블로그 템플릿으로 뽑아둔 후보들 후보1 후보2 - Nextjs 공식 블로그 템플릿들

이 안에서 고를듯 싶습니다. 디자인은 pycoder2000 님의 템플릿이 끌리네요.