<aside> 💡 Git을 사용하다 자주 만날 수 있는 상황을 문제로 풀면서 Git을 학습하는 서비스
</aside>
Next.js를 사용하는 이유
⇒ 페이지별 렌더링 방식을 선택할 수 있고, CSR / SSR / SSG (+ ISR) 방식을 지원하는 Next.js를 선택했습니다.
Git challenge 페이지
| 페이지 | 설명 | 렌더링 방식 |
|---|---|---|
| 가이드 페이지 | Git 명령어에 대한 설명이 나와있는 정적 페이지 | SSG |
| 퀴즈 페이지 | Git 퀴즈를 풀 수 있는 페이지 | |
| Git 문제 설명은 정적으로 생성되는 데이터이며, 서버는 각 요청에 동일한 정보를 반환 | ||
| 많은 사용자가 Git challenge 서비스를 통해 Git에 대한 이해를 높일 수 있도록 SEO 필요 | SSG (→ ISR) | |
| 정답 공유 페이지 | Git 퀴즈를 맞춘 사용자의 정답을 공유 링크를 통해 확인할 수 있는 페이지 | |
| 공유 링크로만 접근할 수 있기 때문에 SEO 가 중요하지 않음 | CSR |
퀴즈 페이지 CSR vs. SSG