실시간 피드형 구조
게시물이 아니라 지금 유효한 항목만 보여주는 구조. 목록이 수시로 갱신되고 상세 페이지 없이 외부로 바로 보낸다.
첫 화면 상단에 두는 것
- 카드 그리드8건 중 6건
- 검색바8건 중 5건
- 필터·정렬8건 중 4건
- 히어로8건 중 3건
- CTA8건 중 1건
- FAQ8건 중 1건
자주 쓰는 기능
- 로그인·계정8건 중 6건
- 검색8건 중 6건
- 댓글8건 중 4건
- 필터8건 중 4건
- 다크 모드8건 중 3건
- 알림·채널 구독8건 중 3건
레퍼런스 8건
멜론차트
음악 서비스 멜론의 차트 섹션으로, 첫 화면은 헤더 검색창 아래 TOP100/HOT100/일간/주간/월간 탭과 '2026.10.03 09:00' 기준 시각, 시간선택·새로고침 버튼이고 그 아래 순위·등락·곡정보·좋아요·듣기·담기·다운·뮤비 열로 된 100행 목록이 매시간 갱신된다. 상단에 전체듣기·셔플듣기·담기 같은 일괄 액션을 두고, 일간 차트는 장르 탭으로 다시 거른다. 곡 상세는 가사·작사작곡·영상·댓글·유사곡 목록을 가진 별도 페이지지만 차트 자체의 흐름은 목록에서 바로 재생·담기로 끝난다.
Remote OK
첫 화면은 '채용 공고 올리기' 배너 아래 검색·지역 입력창, 급여 슬라이더·복지·정렬(최신/고연봉/조회/지원/인기)·직군 태그 필터, 그리고 회사 로고·제목·지역·급여·태그·경과 시간·Apply 버튼이 한 행인 공고 목록이다. 스크롤하면 49개가 99개로 늘어나는 무한 스크롤이고, 공고 상세는 별도 페이지가 아니라 같은 목록 안에서 해당 행이 펼쳐진 형태(URL만 /remote-jobs/[slug])로 공유 버튼과 '이 회사의 다른 공고'를 붙인다. 공고 등록(/hire-remotely)은 긴 입력 폼이며, JSON 피드와 API 링크를 메뉴에 노출한다.
GitHub Status
첫 화면은 'Subscribe to Updates' 버튼과 'All Systems Operational' 한 줄, 그 아래 Git Operations·API·Actions 등 컴포넌트별 상태 배지와 90일 가동률 바가 나열되는 보드다. 이어서 'Past Incidents'가 날짜별로 내려오며 오늘부터 과거로 비어 있는 날도 '사고 없음'으로 채운다. 사고 상세(/incidents/[id])는 Resolved→Investigating 순의 업데이트 타임라인과 그 사고만 구독하는 버튼이 전부이고, 구독 모달은 이메일·SMS·Slack·웹훅 4종을 탭으로 나눈다.
GitHub Trending
첫 화면은 'Trending' 제목과 한 줄 설명, Repositories/Developers 탭, Spoken Language·Language·Date range 드롭다운이고 그 아래 저장소 25개가 순위 없이 '오늘 N stars' 수치와 함께 나열된다. 상세 페이지가 따로 없고 각 행은 저장소 페이지로 바로 나가며, Star 버튼이 행 안에 붙어 있다. 언어·기간은 /trending/[language]?since=weekly 처럼 경로와 쿼리로 바뀌고, Developers 탭은 같은 틀에 사람 목록을 넣는다.
알구몬
루트가 /n/deal 로 넘어가며 첫 화면은 검색창, 최신/랭킹/댓글들/포럼 탭, 정렬·기간·필터 버튼과 카테고리 칩, 1열/2열 보기 토글이고 그 아래 몇 분 전 단위로 갱신되는 핫딜 카드가 쌓인다. 카드는 쇼핑몰·출처 커뮤니티·가격·배송·'N명 보는중'·사고싶다/샀어요·댓글 수·키워드 알림·공유 버튼을 담고, 외부 상품은 /n/d/[id] 리다이렉트로 바로 보낸다. 목록 사이에 포럼 글, '지금 많이 보는중/최근 많이 샀어요', 인기 댓글 블록이 끼어 있고, 얇은 상세(/n/deal/[id])는 같은 카드에 '최근 유사한 딜'과 댓글만 더한다.
GeekNews(긱뉴스)
헤더에 검색창·로그인·글등록을 두고 첫 화면은 투표 화살표가 붙은 20개 토픽 목록이다. 각 항목은 제목(외부 원문 링크)과 한국어 요약 두 줄, 점수·작성자·시간·댓글 수로 구성되고 목록 끝의 '토픽 더 불러오기'가 /?page=2 로 이어진다. 상세(/topic?id=)는 요약 본문과 댓글 트리, 로그인 없이 보이는 댓글 입력폼이며, 글등록은 로그인 폼으로 넘긴다. Weekly(/weekly)는 이 피드를 주간 이메일 브리핑으로 묶어 아카이브하고, 화면 모드 전환과 다국어 서브도메인, Slack·Discord 등 봇 연동을 푸터에 노출한다.
Hacker News
홈은 설명 없이 순위 번호가 붙은 30개 링크 목록이 첫 화면이며 제목은 외부 원문으로 바로 간다. 각 행에 점수·작성자·시간·hide·댓글 수가 한 줄로 붙고, 목록 끝에는 'More' 링크 하나와 푸터의 검색 입력창이 있다. 상세(/item?id=)는 같은 한 줄 메타 아래 댓글 트리와 댓글 입력폼이 전부이고, 과거 날짜 목록(/front)은 '하루·한 달·일 년 전으로' 링크로 넘긴다. 글 등록은 로그인 폼으로 막혀 있다.
토스 특가
지금 유효한 특가만 카드 그리드로 보여주는 실시간 피드. 상세 페이지가 없고 카드를 누르면 외부(쉐어링크)로 바로 나간다. 클릭당 크레딧 적립(링크당 1회)으로 로그인 유인을 만든 것이 구조의 핵심.