[feat/seo-114] ✨ feat: SEO 및 퍼포먼스 최적화 체계 구축

[swallowedB]

요약

• 변경 목적(왜?): 블로그 SEO 최적화 및 검색엔진 색인 효율 개선, OG/Twitter 메타데이터 정비를 통한 SNS 공유 품질 향상
• 주요 변경(무엇을?): generateMetadata 적용, sitemap/robots 자동 생성, layout 기반 메타데이터 통합

변경 내용

• UI/컴포넌트
• 로직/유틸
• 문서/설정

세부:

• app/layout.tsx: metadataBase, title template, 기본 description, OG/Twitter 설정 추가
• app/robots.ts: robots.txt 자동 생성 로직 추가 (Allow 및 sitemap 설정)
• app/sitemap.ts: velitePosts + CATEGORY_CONFIG 기반 sitemap 생성 (draft 제외 처리)
• posts/[slug]/page.tsx: generateMetadata 적용 (canonical, OG/Twitter 이미지 포함)
• category/[category]/page.tsx: generateMetadata 적용 및 slug 검증 추가

스크린샷/동영상 (선택)

테스트

• 유닛 테스트 추가/수정됨
• 로컬에서 pnpm test 통과 (변경 영향 없음)
• 타입체크/린트 통과 (pnpm typecheck, pnpm lint)

관련 이슈

close #114

Summary by CodeRabbit

릴리스 노트

• 새로운 기능

  • 소셜 미디어 공유를 위한 메타데이터 생성 기능 추가 (Open Graph, Twitter 카드)
  • 검색 엔진 최적화: robots.txt 및 sitemap 자동 생성 추가
  • 카테고리 및 게시물 페이지의 향상된 SEO 메타데이터 지원

• 스타일

  • 마크업 형식 정렬

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
b0o0a	Ready	Preview, Comment	Jan 19, 2026 2:34pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

SEO 최적화를 위해 메타데이터 자동 생성(generateMetadata), 정적 경로 파라미터 생성(generateStaticParams), robots.txt 및 sitemap.xml 라우트를 추가하고, 앱 전체 메타데이터 설정을 확장하여 검색 엔진 크롤링과 사이트맵 생성을 구현하는 변경입니다.

Changes

Cohort / File(s)	변경 사항
SEO 라우트 생성 src/app/robots.ts, src/app/sitemap.ts	새 파일: 글로벌 robots.txt와 동적 sitemap.xml 라우트 추가. 게시물과 카테고리 목록을 기반으로 사이트맵 엔트리 생성
동적 경로 메타데이터 생성 src/app/(layout)/(shell)/(category)/[category]/page.tsx	generateMetadata 함수 추가, CategoryPageProps 타입 정의, OG/Twitter/Canonical URL 메타데이터 생성
동적 경로 정적 생성 src/app/(layout)/posts/[slug]/page.tsx	PageParams 타입 정의, generateStaticParams 함수 추가로 동적 라우트 사전 생성 지원
전역 메타데이터 확장 src/app/layout.tsx	metadataBase, Twitter Card, OpenGraph, canonical 메타데이터 추가. Analytics 중복 임포트 제거
마이너 스타일 조정 src/app/(layout)/(shell)/page.tsx	PostToolbar 자체 종료 태그 포매팅 변경 (기능 변화 없음)

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20-25 minutes

Possibly related PRs

• [Feat/post-23] ✨ feat: post 상세 레이아웃 수정 및 목차 스크롤 추가 #93: 동일한 동적 게시물 라우트 파일에서 경로 파라미터 타입과 메타데이터/정적 파라미터 함수를 함께 수정하므로 관련있음
• [Feat/utili-83] ✨ feat: Velite 기반 게시글 단일 쿼리 API 구축 #84: 이 PR의 sitemap/generateStaticParams 구현이 의존하는 velitePosts와 카테고리 데이터를 제공함

Poem

🔍 검색 엔진의 눈길을 사로잡으려
robots와 sitemap이 손을 맞추고
메타 태그는 OG 옷을 곱게 입어
페이지들 시간 역순으로 정렬되니
SEO의 계단을 한 층 올라가네 ✨

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}