github: https://github.com/himchan94/Tech_Blog

deployed site: https://www.devhimchan.live/

Project : Tech_Blog

1. Propose

프로젝트에 대한 설명

• 노션 DB내 작성된 포스트들을 자동으로 호출하여 보여주는 블로그
• Next.js를 활용한 SSR 구현
• ContextAPI를 통한 상태 관리로 다크모드 구현
• Storybook을 통한 컴포넌트 라이브러리화 구현

디자인 컨셉

2. Stack

UX/UI

• Figma

Frontend

• TypeScript
• Next.js
• SCSS
• ContextAPI
• Storybook(with github actions, chromatic)

3. 프로젝트 기능 설명

• 메인 페이지

  • 프로젝트와 포스팅 조회 및, 검색바를 통한 포스팅 검색

  

• About

  • 자기소개

  

• Project

  • 프로젝트 조회

  

• Post

  • 노션 DB에 연동된 포스팅

  

• Storybook

  • github actions 및 chromatic을 통한 컴포넌트 스토리 빌드 및 자동 배포

  

4. 프로젝트 배포

devhimchan

배포 형식 : netlify

5. 저작권, 라이선스 정보

Powered by UDD

6. Team Member

• UX/UI : 이정민
• FE : 김힘찬