언어

ONWI 유료 노출 보드

ONWI창립자 / 프로덕트 엔지니어2026-08

좌석 가격이 순위가 되고 결제가 게시 권한이 되는 다국어 유료 노출 보드를 구축하고 출시했습니다. 모든 노출 주장을 품질 점수처럼 포장하지 않고 명확히 공개합니다.

Next.js 16React 19TypeScriptTailwind CSS 4Supabase PostgresPolarnext-intlRechartsSaaS Pro Max
  • 실시간·일간·주간·월간 순위와 카테고리 보드, 검색, 상세 페이지, 인사이트, 스폰서 노출을 출시했습니다.
  • 계정 장벽을 없앴습니다. 결제 완료가 좌석을 확보하고 listing 게시를 위한 단기 권한을 발급합니다.
  • 브라우저를 신뢰하지 않고 최소 권한 Postgres 함수에서 입찰, 영수증, 게시, 클릭 무결성 규칙을 강제했습니다.

배경

ONWI는 실시간 유료 노출 보드입니다. listing의 좌석 가격이 위치를 결정하며 인터페이스가 그 관계를 직접 밝힙니다. 순위는 후원금이지 품질이나 인기 점수가 아닙니다. 제품은 한국어, 영어, 일본어, 중국어로 제공됩니다.

문제

스폰서 기반 발견 제품은 광고와 편집 순위의 경계를 흐리는 경우가 많습니다. 단순할 수 있는 거래에 계정, 대시보드, 불투명한 경매 규칙을 추가하기도 합니다. ONWI는 상업적 구조를 분명히 밝히고, 순위 변화를 결정적으로 만들며, 브라우저에 데이터베이스 권한을 노출하지 않은 채 모든 금전 관련 전환을 보호해야 했습니다.

접근 방식

결제를 권한의 근거로 설계했습니다. 서버가 현재 좌석 가격을 읽고 유효한 다음 금액을 계산해 체크아웃을 생성하며, 검증된 영수증이 사용된 뒤에만 게시합니다. 구매자는 계정이 필요 없습니다. 결제가 하나의 listing 이름을 정할 수 있는 단기 권한을 만들지만 가격, 게시 상태, 클릭 수에는 접근할 수 없습니다.

유료 노출 방식, 현재 좌석 합계, 부스트 흐름을 보여 주는 ONWI 홈페이지

출시한 기능

  • 실시간, 24시간, 7일, 30일 순위 구간과 TOP 필터, 카테고리 보드
  • 공개 listing 페이지, 디렉터리, 검색, Movers, Heat, Newest, 카테고리 데스크, 인사이트 화면
  • 일회성 부스트와 스폰서 노출을 위한 Polar 체크아웃·웹훅 처리
  • 현지화된 메타데이터와 광고 고지를 포함한 한국어, 영어, 일본어, 중국어 경로
  • 유료 listing 공개 전 사람·AI 검토 워크플로
  • SaaS Pro Max 기반 동의형 분석과 공개 집계 방문자 수

유료 노출, 투명한 좌석 가격, 실시간 순위 통계, 부스트 체크아웃을 보여 주는 ONWI listing 페이지

결과

  • onwi.lol에서 실제 유료 좌석으로 운영하며 가상 marketplace listing을 사용하지 않습니다.
  • 방문자는 각 listing이 현재 위치에 있는 이유와 그 위치를 바꾸는 금액을 정확히 확인할 수 있습니다.
  • 브라우저는 Supabase 자격 증명을 받지 않고, 애플리케이션 역할은 marketplace 행을 직접 삽입·수정·삭제할 수 없습니다.

기술 메모

ONWI는 Next.js 16, TypeScript, Tailwind CSS 4, next-intl, Recharts, Supabase Postgres로 구성됩니다. 브라우저 읽기는 애플리케이션 API를 통과하고 쓰기는 정수 달러 단위, 단조 증가 금액, 일회성 영수증, 스폰서 수용량, 웹훅 멱등성을 강제하는 검증된 SECURITY DEFINER 함수로만 제한됩니다. 클릭은 원본 IP 주소를 저장하지 않고 salted 방문자 해시와 분 단위 중복 제거를 사용합니다.

더 살펴보기

이런 제품 개발이 필요하신가요?

깔끔하게 출시되고 실제 운영에서도 견고해야 하는 AI 기능, 제품 인터페이스, 콘텐츠 시스템을 개발합니다.