Skip to content

feat(web): OG 이미지 동적 생성 + 댓글 placeholder 유니코드 수정#55

Merged
bbbang105 merged 2 commits intodevfrom
feat/og-image-and-placeholder-fix
Mar 18, 2026
Merged

feat(web): OG 이미지 동적 생성 + 댓글 placeholder 유니코드 수정#55
bbbang105 merged 2 commits intodevfrom
feat/og-image-and-placeholder-fix

Conversation

@bbbang105
Copy link
Owner

Summary

  • OG 이미지: opengraph-image.tsx 추가 — Next.js ImageResponse (Edge Runtime, 1200×630). 다크 테마 + K 로고 + 히어로 카피 + Mock UI 카드 (랭킹/포스트)
  • 메타데이터: layout.tsxopenGraph/twitter 메타 추가 (og:url, summary_large_image)
  • 버그 수정: 포스트 댓글 placeholder에 \u2026 리터럴이 그대로 노출되던 문제 → 유니코드 ellipsis() 문자로 수정 (JSX 속성 + JS 템플릿 리터럴)
  • 문서: CLAUDE.md, ARCHITECTURE.md OG 이미지 관련 최신화

Test plan

  • 로컬에서 /opengraph-image 엔드포인트 접근 시 1200×630 PNG 이미지 정상 생성 확인
  • OG 이미지에 "큐스팅 4th" 뱃지, "함께 쓰고, 함께 성장하다." 헤드라인, 랭킹/포스트 카드 표시 확인
  • 링크 공유 시 (Slack, Discord, KakaoTalk 등) OG 이미지 + 제목 + 설명 정상 표시
  • 포스트 댓글 입력란 placeholder에 "댓글을 입력해주세요…" 정상 표시 (유니코드 escape 미노출)
  • 답글 입력란 placeholder에 "@이름에게 답글 달기…" 정상 표시

🤖 Generated with Claude Code

- opengraph-image.tsx: Next.js ImageResponse (Edge Runtime, 1200×630)
  다크 테마 + K 로고 + 히어로 카피 + Mock UI 카드 (랭킹/포스트)
- layout.tsx: openGraph/twitter 메타데이터 추가 (og:url, summary_large_image)
- posts/page.tsx, posts/[id]/page.tsx, comment-form.tsx:
  JSX 속성 내 \u2026 리터럴 → 유니코드 ellipsis(…) 문자로 수정
- CLAUDE.md, ARCHITECTURE.md: OG 이미지 관련 문서 최신화

Co-Authored-By: Claude <noreply@anthropic.com>
@bbbang105 bbbang105 requested a review from choihooo as a code owner March 18, 2026 01:41
@vercel
Copy link

vercel bot commented Mar 18, 2026

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

Project Deployment Actions Updated (UTC)
study-admin-web Ready Ready Preview, Comment Mar 18, 2026 1:45am

@bbbang105 bbbang105 added the 🚀 feat 새로운 기능 추가 / 일부 코드 추가 / 일부 코드 수정 (리팩토링과 구분) / 디자인 요소 수정 label Mar 18, 2026
Co-Authored-By: Claude <noreply@anthropic.com>
@bbbang105 bbbang105 added the 🚨 fix 버그 수정 / 에러 해결 label Mar 18, 2026
@bbbang105 bbbang105 merged commit ef8b9a3 into dev Mar 18, 2026
10 of 11 checks passed
@bbbang105 bbbang105 deleted the feat/og-image-and-placeholder-fix branch March 18, 2026 01:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🚀 feat 새로운 기능 추가 / 일부 코드 추가 / 일부 코드 수정 (리팩토링과 구분) / 디자인 요소 수정 🚨 fix 버그 수정 / 에러 해결

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant