IT/Gatsby

Gatsby로 어떤걸 만들어 볼까?

차가운남자 2021. 5. 20. 12:17

현재 소규모로 커뮤니티 사이트(프로토타입)를 만들고 싶은데 생각을 해보게 되었는데... 기획 부분이 많이 부족한 상태이다.
후보중에 떠오르는 구성은 다음과 같았다.

1. React + Express
2. Next + NestJs
3. Gatsby

CMS를 이용하여서 하여야 되는 부분이 있어서 Gatsby가 편리한 부분도 있지만,
제약적인 부분이 많다고 생각이 들어서 적합하지 않다고 판단이 되었다.

Gatsby로 블로그를 (3. Gatsby) 배포 완료 후,
인디 게임 리뷰 프로젝트를 진행할 예정 ( 2- Next + NestJS).

현재 프로젝트 목표:  블로그

선정 이유: 개인적인 일상, 생각 등을 관리하기 위한 목적이다.

고려 대상: 
1. 도메인 구매
2. 어떤 서비스에 배포 ( github , gatsby cloud, netlify...)
3. 디자인 부분
4. gatsby starter를 이용 여부



추후 프로젝트 목표: 인디게임 리뷰 ( 오픈 커뮤니티 )

선정이유:  인디게임 정보만 깔끔하게 보고싶고, 내가 그중에 마음에 드는 게임을 하고 싶기 때문이다.

생각이 필요한 부분 - 만들면서 더 고민을 해볼 생각이다.
1. 회원 관리가 필요 또는 가능한가?
   - gatsby의 플러그인 gatsby-plugin-netlify-cms 사용하면 이메일 인증을 통한 회원가입 후에 일반 유저에게 생성 권한을 줄 수 있다.

2. markdown 형식 에디터를 제공
   - 1번에서 말한 Netlify cms에 로그인시에 Netlify에서 제공하는 editor에 preview기능까지 제공한다.

3. 데이터는 어디서 가지고 와야할까?
   - 정적인 데이터(MDX)파일 생성 또는 Netlify에서 생성한 데이터를 가지고 와서 동적으로 페이지를 생성 가능. 
   - NestJS를 이용해서 인디관련 정보를 scraping을 통해서 파일(mdx)로 저장하는걸 고려중

4. 인피니티 스크롤을 적용
   - 가능하다. IntersectionObserver를 이용하여서 블로그에 추가 예정이다.
   - 적용 후 마음에 들지 않는다면 페이지네이션으로 대처

처음 개츠비를 사용하여 간단하게 블로그를 만들었을 때가 v2 버전이였지만 현재는 v3으로 업데이트가 되어져 있어서 뭐가 달라졌는지에 대해서는 추후에 정리를 할 예정이고 예전에는 v2에서 netlify에 배포였던것을  gatsby cloud로 사용하려고 고려 중이다.

다음 컨텐츠는 Gatsby 개발 설정!!

https://www.gatsbyjs.com/

 

Gatsby | The Speed you Need to Delight Every Customer

Gatsby provides development teams an open source frontend framework for creating rich, optimized websites and a cloud platform for delivering them on a blazing fast edge network.

www.gatsbyjs.com

 

'IT > Gatsby' 카테고리의 다른 글

Gatsby 시작하기 - 개발 환경 설정  (0) 2021.06.02