React / Next.js 예제

핵심 요약

Next.js 예제는 YetdaPay가 미리 연결된 앱이 아니라 설치 실습용 프로젝트입니다. 후원 링크 또는 React 컴포넌트를 추가할 수 있습니다.

앱 실행 → 기능 설치 → 공개 화면 확인 순으로 진행하세요. Next.js 전용 라이선스 어댑터는 아직 없습니다.

examples/nextjs-site/ — "Starbound Arena", yetdapay-install 스킬의 설치 대상으로 사용되는 최소 Next.js 14(app router) 픽스처 사이트. Nuxt 형제처럼 의도적으로 미리 연동되어 있지 않습니다.

cd examples/nextjs-site
pnpm install     # 또는 npm install — 첫 설치 시 네트워크 필요
pnpm dev         # http://localhost:3000

후보 마운트 지점은 app/page.tsx에 표시되어 있습니다: header .nav, #support .support, .site-footer.

설치

// sdk/core.ts + sdk/react/YetdaPayButtons.tsx를 앱에 복사
import { YetdaPayButtons } from './sdk/react/YetdaPayButtons';

<YetdaPayButtons publicId="intpub_…" mode="native" feature="donation" />

컴포넌트는 이미 'use client' 표시가 되어 있습니다 — app-router 서버 컴포넌트 트리 안에서 안전합니다. 또는 {SITE_ORIGIN}/h/{public_id}로의 호스티드 <a>로 컴포넌트를 완전히 건너뛸 수 있습니다.

범위 노트

이것은 기부/피드백만 커버합니다 — Next.js 라이선스 어댑터는 없습니다; 그 의미와 DIY 경로는 Next.js SDK 상태 (PLANNED / NOT_IMPLEMENTED)를 참조하세요.