feat(home): Followers bubble UI with People/Followers tab#55
Open
feat(home): Followers bubble UI with People/Followers tab#55
Conversation
Implements getFollowers() with server-only guard, 1-hour revalidation, and graceful error handling. Includes TDD tests covering success and failure cases. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…layout Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
… issue Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…ports Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace separate People and Followers sections with unified tabbed section. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The tab component belongs in the left sidebar (aside), not the main content area. Layout.tsx now renders PeopleFollowersTabs in place of the old People component. Followers data is fetched client-side since layout is a client component. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…ow Us button Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…ple tab Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Featured usernames (defined in Followers.constants.ts) get the largest bubble size. If a featured user has unfollowed, a random follower fills the slot. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Featured followers always appear first with large bubbles, remaining followers are randomly shuffled on each page load. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
chaaerim
force-pushed
the
feat/follower-bubble
branch
from
d780902 to
413bda1
Compare
minsoo-web
reviewed
Apr 16, 2026
| * GitHub usernames that should appear as large bubbles. | ||
| * If a user unfollowed, a random follower takes their slot. | ||
| */ | ||
| export const FEATURED_FOLLOWERS = ['yejineee', 'jcha0713'] as const |
Member
There was a problem hiding this comment.
헉 이 두 분은 왜 featured 인가요?! (클라이머라서?!)
Member
Author
There was a problem hiding this comment.
@minsoo-web 스샷에서 보실 수 있듯이 bubble을 그릴 때 대왕 버블이 생기는데요!
얼굴 사진으로 프로필을 하시고, 클라이머가 아닌 분들은 대왕 버블에 프로필 사진이 렌더링되는게 부담이실 수도 있을 것 같아서 얼굴 사진이 아니고 클라이머인 예진님과 주훈님을 대왕 버블로 지정해두고 나머지 분들은 랜덤으로 보일 수 있도록 처리했습니다
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Bubble UI 상세
yejineee,jcha0713) 2명은 항상 큰 버블로 고정 표시clip-path: circle(50%))로 밀집감 있는 레이아웃파일 구조
Followers/circle-pack.ts— 6단계 크기 + featured 지원 packing 알고리즘Followers/FollowersBubble.tsx— 원형 클라이언트 버블 컴포넌트Followers/Followers.constants.ts— featured followers 상수PeopleFollowersTabs/PeopleFollowersTabs.tsx— 탭 전환 클라이언트 컴포넌트PeopleFollowersTabs/PeopleFollowersSection.tsx— 서버 래퍼 컴포넌트Test plan
스크린샷
데스크탑
모바일
🤖 Generated with Claude Code