Next.JS 13 Blog 웹 사이트

**개발기간: 2023.10.21 ~

---

🏠 프로젝트 소개

https://ventileco-blog.vercel.app/

Next.JS 13 App Router를 기반으로 한 개인 블로그로 공부한 내용이나 포트폴리오 등을 기록할 수 있는 공간이 있으면 좋겠다고 생각하여 제작하였습니다. 최신 기술 동향, 개발 팁, 프로젝트 경험을 중심으로 다양한 주제를 다루고 있습니다. 함께 성장하는 개발자 커뮤니티의 일원으로, 지식을 나누고 공유하려 합니다.

⭐️ SSG 활용 (시간 기반 재검증)

Next.JS SSG가 적용되지 않던 이유

⭐️ Streaming을 활용한 빠른 서버 사이드 렌더링

Suspense으로 Streaming 적용하기

⭐️ SSR + Tanstack Query로 데이터 캐싱

SSR에서 Tanstack Query 사용하기

⭐️ Dynamic Routes별 정적 페이지 HTML 생성

Next.JS Dynamic Routes

⭐️ 페이지별 Dynamic Metadata 설정

Next.JS SEO

⭐️ 페이지네이션 구현

Next.JS 서버 사이드 페이지네이션 구현하기

⭐️ 에러 핸들링

Error Handling과 Error Boundary

🛠 기술 스택

Environment

Config

Development

---

🗂 폴더 구조

---

🖥 화면 구성

홈 페이지	로그인 및 회원가입
블로그	상세 페이지
작성 페이지	마이 페이지

---