Blog_ver1

🧾 서비스 소개

이 프로젝트는 개발과 관련된 글을 정리해온 기존의 블로그 경험을 바탕으로, 나만의 기술 블로그를 직접 구축하고자 기획하였습니다.

검색 엔진 최적화(SEO)가 중요한 블로그 특성상, SEO에 강점을 가진 SSR 도입을 위해 Next.js를 기반으로 개발하였습니다.

Sanity를 이용하여 Headless CMS로 구현하였습니다.

🔧 주요 기능

💡 UI/UX 및 디자인 요소

• 스크롤 감지 헤더(Sticky Header): 스크롤 위치에 따라 헤더 스타일이 동적으로 변경되며, 사용자 경험을 향상시킵니다.

• 반응형 디자인: 데스크탑, 태블릿, 모바일 등 다양한 디바이스 환경에 대응합니다.

• 모던하고 일관된 UI 구성: 직관적인 사용자 흐름과 깔끔한 디자인을 구현하였습니다.

📝 포스트 관련 기능

• 포스트 CRUD: 블로그 내에서 포스트 작성, 수정, 삭제가 가능합니다.

• Google 로그인 연동: 본인 계정(Google 로그인)으로 로그인한 경우에만 포스트 작성 및 수정, 삭제가 가능합니다.

• 태그 기능: 포스트마다 태그를 설정할 수 있으며, 태그별 필터링 기능을 통해 관련된 포스트만 모아볼 수 있습니다.

💬 상호작용 요소

• 댓글 기능: 각 포스트에 대해 댓글을 작성할 수 있어 사용자와의 소통이 가능합니다.

• Contact 탭: 방문자가 직접 메일을 발송할 수 있도록 구성된 폼을 제공합니다.