본 블로그는 Remix + DatoCMS + cloud run 으로 구성되어 있다. 구성 후 간략한 견해
본 블로그 구축에는 총 하루정도 소요된 것 같다. 다양한 서비스/라이브러리가 잘 되어있어서 아이디어부터 간단한 서비스 제작/배포까지 걸리는 시간이 계속 줄어든다. 이젠 머리속의 아이디어를 행동으로 옮기는 실행력이 더 중요한 시대가 된 듯.
아래는 본 블로그를 구성하는 스택들과 간단한 견해이다.
Remix
React SSR 프레임워크. 클라이언트 코드와 서버코드를 따로 분리 안하고 작성할 수 있어서 편하다. 짧게 next.js 도 써봤는데, 클라이언트 코드는 'use client' 를 적어줘야 하는 등 좀 불편했음.
다른 프로젝트에 gatsby.js 도 써보고 있는데 gatsby 보단 더 복잡하지만, 범용적인 사이트 개발이 가능해 보임. gatsby 도 이제 처음 쓰는 단계라 아직 잘 모름 ㅎㅎ
거의 Vue로만 개발했어서 react 가 조금 어색하긴 하지만 어려울 건 없는듯? hook 과 상태관리를 아직 안해봐서 그런가..
DatoCMS
본래 블로그, 이커머스 등은 CMS 페이지를 만드는게 어렵다 생각해 자체 제작은 꿈도 안꿨고, wordpress 으로 몇개만 끄적여봤었는데 gatsby 를 써보니 headlessCMS 라는게 너무 잘 되어 있더라.
gatsby 기반 프로젝트는 Contentful 이라는 CMS 를 쓰고, 이 블로그는 DatoCMS 를 써봤다.
DatoCMS의 가장 큰 장점은 Block 을 정의하고 Block 기반 modular content 를 만들 수 있어서 컨텐츠 제작자에게 페이지 구성의 자유를 더 많이 줄 수 있다. 이 페이지도 맨 하단의 연락처 정보가 Author block 으로 정의되어 있어서 컨텐츠 구성시 author block 을 빼버리면 페이지에 안보이도록 되어있다. 굳!
현 회사에서 자체 컨텐츠 제작 엔진을 만드는 개발팀원이 있는데, 이런 서비스를 참고해서 만들었으면 훨씬 쉽지 않았을까 싶은 생각도.. ㅎㅎ
Cloud run
GCP에서 제공하는 서비스인데, AWS Lambda + concurrency 라고 보면 된다. 배포 + 구성 + 모니터링은 lambda 급으로 간편하고 처리 + 스케일링 능력은 ECS 급. 장점만 모아뒀다.
현 회사에서도 모든 서버가 cloud run 에서 돌아간다. 진짜 현존하는 FaaS 중 최고인 듯! 이거 때문에 새로 시작하는 모든 프로젝트는 GCP 기반으로 하고 있다 ㅋㅋㅋㅋ
Untitled UI
사이트의 와이어프레임까지는 짤 수 있지만 디자인을 하진 못하니 무료 블로그 템플릿들을 찾아보다가 untitled ui 라는 Figma UI Kit + Design system 를 찾았다. 무료버전으로도 꽤 괜찮은 디자인 시스템과 컴포넌트, 템플릿을 제공해서 무료버전의 블로그 템플릿 하나를 그대로 구현했다.
Figma style -> tailwind config js 변환 플러그인도 있어서 설정되어있는 color scheme 복사해서 쓰고, 디자인대로 대충 구현하니 하루만에 블로그 뚝딱 ㅎㅎ
계획
앞으로 추가해나가야 할 것들 (우선순위)
- 댓글 기능
- 글 목록
- Top nav / footer
- GA 세팅
- SEO
- 랜딩페이지