본문으로 건너뛰기

PROJECT NOTE / 01

NextJS Blog

Next.js를 기반으로 개발 글을 직접 발행하고 읽는 블로그. 글 관리, SEO, 조회수까지 운영하며 고친 기록을 남겼습니다.

ReactTypeScriptNext.jsMDXContentlayerTailwind CSS

01 / OVERVIEW

프로젝트가 시작된 이유

노션에 적어둔 개발 기록을 더 일관된 형태로 다듬고 공유하고 싶었습니다. 블로그를 직접 만들며 글 관리부터 배포, 검색 노출까지 다뤄 보기로 했습니다. 기술을 배우는 과정과 결과를 같은 공간에 남겼습니다.

NextJS Blog
DISCOVER / 01

콘텐츠 구조

Markdown과 MDX로 글을 관리하는 방식을 정리했습니다.

BUILD / 02

읽는 경험

글의 구성과 다크 모드까지 읽는 화면을 다듬었습니다.

ITERATE / 03

운영과 개선

SEO, 분석, 조회수 기능을 단계적으로 더했습니다.

02 / FIELD NOTES

만들면서 남긴 기록

구현한 순서와 부딪힌 문제를 글로 정리했습니다. 제목을 눌러 과정과 선택의 근거를 읽을 수 있습니다.

  1. 01Next js 블로그 조회수 기능 만들기 with Supabase
  2. 02Next js 블로그 개발 회고
  3. 03SEO 등록 과정
  4. 04Google analytics 등록하기
  5. 05다크모드 한번에 정리하기
  6. 06Next.js mdx 적용하기
  7. 07Next.js markdown 적용하기

7 NOTES IN THIS PROJECT