1. 만드는 이유
나만의 블로그가 가지고 싶었고, 포트폴리오 사이트도 하나 가지고 싶었다.
지금도 계속 블로그 디자인, 기능등을 수정하면서 내용을 적어가고 있다.
2. 사용된 기술
언어
typescript
타입스크립트를 사용한 이유는 조금이라도 깔끔하게 정리된 소스 코드를 보고 싶었다.
프레임워크
Nextjs
정적인 사이트를 만들기 위해선 Nextjs가 제일 맞고 제일한핫 프론트엔드 프레임워크다.
tailwindcss
개발자가 그나마 편리하게 디자인을 하고 핫한 css 프레임워크다.
라이브러리
React
Nextjs는 React기반의 프레임워크다.
Mdx
블로그 내용은 마크다운을 기반으로 작성하였다.
sharp
모든 이미지는 원본을 가지고 있고, 방문자가 보는 이미지들은 워터마크를 삽입하고 싶어서 사용했다. 블로그 프로젝트를 배포할때마다 워터마크를 삽입하고 있다.
zustand
일부 메뉴가 보이거나 숨길때 상태를 편리하게 사용하기 위해 요즘 핫한 zustand를 사용했다. 그리고 사용하기 매우 편하고 쉽다.
glob
mdx파일이나 이미지 리스트를 가지고 오기위해 사용했다.
3. 정적 사이트 배포
Cloudflare Pages
배포장소는 github, vercel 등등 모두 알아보았지만, 현재로선 CloudFlare Pages가 후한 정책을 가지고 있어 선택하였다.
4. 진행중인 기능
- 동적 sitemap.xml
- robot.txt
- 다국어
- 글내용 다국어 적용
- 자체 글 검색 기능
- 게시글에 글내용분석해서 중요 태그 넣어주기
- 디자인은 수시로 작업예정
- 깃허브 댓글 연동
- meta 정보 적용
5. 완료된 기능
- mdx로 글파싱
- img 워터마크넣기
- 정적 배포
- 글 리스트
- 글 내용
6. 기타
만들어진 기술이나 오류 사항 대응들은 따로 글들을 작성할 것이다.