Skip to content

fix:메타데이터와 공유 이미지 적용(#95) - #96

Merged
seongjinss555 merged 1 commit into
mainfrom
fix/#95/metadata-social-preview
Jul 24, 2026
Merged

fix:메타데이터와 공유 이미지 적용(#95)#96
seongjinss555 merged 1 commit into
mainfrom
fix/#95/metadata-social-preview

Conversation

@seongjinss555

@seongjinss555 seongjinss555 commented Jul 24, 2026

Copy link
Copy Markdown
Contributor

Pull Request

작업 내용

루트 메타데이터를 Syncly 서비스 정보로 교체하고, 브라우저 탭 아이콘 및 공유 미리보기 이미지를 적용했습니다.

작업 결과

  • 브라우저 탭에 Syncly 제목과 브랜드 아이콘이 표시됩니다.
  • 링크 공유 시 Open Graph와 Twitter 카드에서 Syncly 제목, 설명, 미리보기 이미지를 읽습니다.

변경 사항

Added

  • public/images/meta_image.png 공유 미리보기 이미지
  • Open Graph 및 Twitter 카드 이미지 설정

Changed

  • 기본 Next.js metadata를 Syncly 서비스 metadata로 교체
  • 워크스페이스 페이지 제목을 공통 title template에 맞게 정리

Fixed

  • Create Next App 기본 제목과 기본 favicon 노출

실행화면

  • favicon 교체
스크린샷 2026-07-24 오전 10 29 10
  • 배포 후 브라우저 탭 및 링크 공유 미리보기에서 확인 가능합니다.

테스트

  • npm run lint
  • npm run typecheck
  • 변경 범위 확인: 정적 이미지와 HTML metadata만 변경

리뷰 체크리스트

  • PR base branch가 올바릅니다. (main)
  • 브랜치명이 Type/#issue-number/description 형식을 따릅니다.
  • 커밋 메시지가 컨벤션을 따릅니다.
  • 불필요한 console.log, 주석, 임시 코드를 제거했습니다.
  • 타입 에러와 린트 에러를 확인했습니다.
  • CodeRabbit 1차 리뷰를 확인했습니다.
  • 최소 1명 이상의 approve 후 merge합니다.

리뷰 요청사항

현재 Vercel Production 도메인(syncly-virid.vercel.app)을 metadataBase로 사용했습니다. 추후 커스텀 도메인을 연결하면 이 값도 함께 변경해야 합니다.

관련 이슈

Closes #95

Summary by CodeRabbit

  • 개선 사항
    • Syncly 서비스에 맞는 페이지 제목, 설명, 아이콘 및 소셜 미리보기 정보가 적용되었습니다.
    • 웹페이지 기본 언어가 한국어로 설정되었습니다.
    • 워크스페이스 관련 페이지 제목이 더 간결하고 일관되게 표시됩니다.

@vercel

vercel Bot commented Jul 24, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
syncly Ready Ready Preview, Comment Jul 24, 2026 1:26am

@coderabbitai

coderabbitai Bot commented Jul 24, 2026

Copy link
Copy Markdown

Review Change Stack

📝 Walkthrough

Walkthrough

Syncly 서비스용 루트 메타데이터, 아이콘, 소셜 미리보기 정보를 추가하고 HTML 언어를 한국어로 변경했습니다. 워크스페이스 페이지 제목에서는 중복된 서비스명 접미사를 제거했습니다.

Changes

Syncly 메타데이터 브랜딩

Layer / File(s) Summary
루트 메타데이터 및 언어 설정
src/app/layout.tsx
사이트 URL 기반 메타데이터, 제목 템플릿, 설명, 아이콘, Open Graph, Twitter 카드 정보를 설정하고 <html> 언어를 ko로 변경했습니다.
워크스페이스 페이지 제목 정리
src/app/workspaces/new/page.tsx, src/app/workspaces/page.tsx
페이지 메타데이터 제목에서 · Syncly 접미사를 제거했습니다.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

  • TeampleRun/syncly#10: 워크스페이스 페이지의 메타데이터 제목 설정과 직접적으로 연관됩니다.

Suggested reviewers: wjswlgh96

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name Status Explanation Resolution
Linked Issues check ❓ Inconclusive 메타데이터와 페이지 타이틀 변경은 확인되지만, 공유 미리보기 이미지 파일은 경로 필터로 제외되어 완전한 준수 여부를 검증할 수 없습니다. public/images/meta_image.png!**/*.png!public/** 필터로 제외되어 이미지 추가 여부를 확인할 수 없으니 해당 범위를 포함해 재검토하세요.
✅ Passed checks (4 passed)
Check name Status Explanation
Out of Scope Changes check ✅ Passed 변경은 메타데이터, 공유 이미지, 워크스페이스 제목 정리로 한정되어 보이며 명확한 범위 외 수정은 보이지 않습니다.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Title check ✅ Passed 제목이 메타데이터와 공유 이미지 적용이라는 핵심 변경을 간결하게 잘 요약합니다.
Description check ✅ Passed 작업 내용, 결과, 변경 사항, 테스트, 리뷰 체크리스트, 이슈까지 템플릿의 필수 섹션을 대부분 충족합니다.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/#95/metadata-social-preview

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

Comment @coderabbitai help to get the list of available commands.

@Kwon812 Kwon812 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다!

@seongjinss555
seongjinss555 merged commit 4aef9a1 into main Jul 24, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

서비스 메타데이터 및 공유 미리보기 이미지 적용

2 participants