콘텐츠로 건너뛰기
supastack
문서 둘러보기
웹Next.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /ko/docs/web/notifications.md (or send Accept: text/markdown).

알림

인앱 알림, 사용자별 설정, 관리자 공지.

이 가이드에 대해 질문하기
다음에서 열기

초보자 연습

전제 조건: 아래 두 개의 초보자 가이드를 읽고, 웹 로컬 설정을 완료하고, 편집기의 루트에서 이 모노레포를 엽니다. 웹 설정은 apps/web/.env.local에 속합니다. Next.js는 ​​루트 .env를 읽지 않습니다. 기본 가짜 모드의 /dashboard는 데이터베이스가 없는 데모입니다. /auth에는 마이그레이션된 데이터베이스가 필요합니다.

빠른 용어: 작업 영역은 한 팀의 별도 사용자, 데이터 및 설정입니다. 서버는 신뢰할 수 있는 백엔드입니다. 제공업체 키를 브라우저 및 전화 코드에 보관하세요. 마이그레이션은 테이블을 생성하거나 업데이트하는 버전이 지정된 데이터베이스 변경입니다. AI 모델은 응답하는 엔진입니다. 모델 카탈로그는 서버의 사용 가능한 모델 ID 및 가격 목록입니다. 공급자는 AI, 이메일, 청구 서비스와 같은 외부 서비스입니다. 자격은 작업 영역에서 기능을 사용할 수 있도록 하는 부여입니다. 웹훅은 한 서비스가 다른 서비스의 URL에 보내는 메시지입니다.

1. 테스트 회원으로 로그인하고 설정 → 알림을 열어 사용 가능한 채널 기본 설정을 검토하세요.

2. 하나의 작업 공간에서 두 명의 테스트 멤버를 사용하고 EMAIL_PROVIDER=local를 사용하여 초대와 같은 로컬 테스트 이벤트를 트리거합니다.

3. 자격을 갖춘 회원과 활성화된 채널만 앱이나 로컬 발신함에서 알림을 받는지 확인합니다. 실제 회원에게 테스트 메시지를 보내지 마세요.

사용자 정의 코드의 경우 제공된 prompts/README.md로 시작하고 가장 가까운 프롬프트(앱 화면의 경우 prompts/new-app-screen.md, 공개 페이지의 경우 prompts/new-landing-page.md)를 복사합니다. 서버, 데이터베이스 또는 공급자 작업의 경우 코딩 에이전트에게 이 가이드의 작업을 제공하고 AGENTS.md, .ai/PROJECT_CONTEXT.md 및 일치하는 .ai/ 미러를 읽도록 요청하세요. 여기에 이름이 지정된 정확한 소스 파일을 검사하십시오. 편집하기 전에 파일을 나열하고 확인합니다. 작업 공간 소유권과 서버 전용 비밀을 보존합니다. 차이점을 보여주세요. 원하는 동작, 입력 및 출력 필드, 허용된 역할, 예상되는 성공 및 오류, 테스트 계정, 공급자 또는 장치를 알려주십시오. 샘플 값을 사용하십시오. 절대 진짜 비밀을 붙여넣지 마세요.

제품 이벤트 파이프라인 사용

notification-events.ts는 청구, 예산, 초대, 멤버십 및 연결된 계정 이벤트를 현지화된 사본 및 회원별 전달 계획에 매핑합니다. API 및 앱 클라이언트는 로그인된 작업 영역의 알림을 읽습니다. 기본 설정은 적격 채널을 제어합니다.

일부 이벤트는 의도적으로 앱 내에 유지됩니다. 예를 들어 연결된 계정 새로 고침 실패로 인해 토큰 세부 정보가 노출되거나 원치 않는 이메일이 트리거되어서는 안 됩니다.

수령인 선호도 존중

모든 회원에게 독립적으로 메시지를 보내는 대신 기존 전달 계획, 기본 기본 설정 및 행위자 제외 옵션을 사용하세요. 거래 이메일은 계속해서 구성된 공급자를 사용하며 자체 전달 결과를 기록합니다.

수신자 및 상태 확인

비활성화된 기본 설정, 제외된 행위자, 제거된 멤버, 읽지 않음/읽음 동작 및 다른 작업 영역을 테스트합니다. 동적 업데이트에 대한 액세스를 유지하고 현지화된 메시지를 확인하세요.

설치 및 설정

알림 서비스(notification-service.ts)는 워크스페이스 스코프의 인앱 레코드를 저장합니다. GET /api/notifications가 로그인한 멤버의 목록을 반환하고 mark-read 라우트가 상태를 업데이트합니다. 사용자별 설정 플래그가 제품 업데이트나 보안 경고 같은 카테고리를 제어합니다.

멤버는 /settings/notifications에서 설정을 관리합니다. 플랫폼 공지는 announcement-actions로 작성되어 같은 파이프라인으로 전달됩니다.

GET   /api/notifications
PATCH /api/notifications   (mark-read)

Emitted on mutations, e.g.:
  member.left
  member.role_changed

구현 워크플로

알림은 성공한 뮤테이션 후에 발행하세요 — 쓰기가 커밋되기 전이 아니라. 페이로드를 구조화(타입, 워크스페이스, 참조)해 UI가 산문을 파싱하지 않고 렌더링·라우팅할 수 있게 하세요.

비활성화 가능한 카테고리를 전달하기 전에 설정 플래그를 확인하고, 보안 관련 알림(새 세션, 키 변경)은 필수로 유지하세요.

검증 및 문제 해결

비활성화된 설정이 전달을 억제하는지, mark-read가 세션 간에 유지되는지, 다른 워크스페이스가 레코드를 나열할 수 없는지, 공지가 의도된 멤버에게 도달하는지 확인합니다. 볼륨이 커져도 알림 팬아웃은 요청의 크리티컬 패스 밖에 두세요.

자주 묻는 질문

질문 14개

supastack이란 무엇인가요?

supastack은 AI SaaS 제품을 구축하기 위한 모듈식 기반입니다. 공통 인프라를 모아두어 제품 고유의 기능에 집중할 수 있습니다.

웹과 모바일을 지원하나요?

네. supastack에는 웹과 모바일 경험의 출발점으로 Next.js 앱과 Expo 앱이 포함되어 있습니다.

어떤 인증이 포함되어 있나요?

Better Auth가 이메일/비밀번호, OTP, 소셜 로그인을 커버합니다. 개인 워크스페이스는 계정과 함께 프로비저닝되어 첫날부터 레코드가 경계 안에 유지됩니다.

AI는 어떻게 지원되나요?

supastack에는 구성 가능한 멀티 프로바이더 AI, 사용량 추적, 예산, 암호화된 자체 키(BYOK) 지원이 포함되어 있습니다.

구독은 어떻게 관리되나요?

이 키트 위에 구축된 제품에서는 Stripe 결제, 구독, 권한이 유료 액세스의 기반을 형성합니다. 프로바이더 시크릿은 서버 측에 유지됩니다.

제품 고유 코드는 어디에 두나요?

제품 고유 기능은 별도의 코드베이스에 두고, 제품이 supastack 기본 모듈을 구성하고 통합합니다.

supastack 가격은 어떻게 되나요?

키트는 평생 업데이트가 포함된 일회성 구매입니다: 단일 프레임워크 $249(기간 한정 출시 가격 — 정가 $349에서 $100 할인) 또는 모든 프레임워크(Next.js, iOS, Android) $499(기간 한정 출시 가격 — 정가 $599에서 $100 할인), 추가 개발자 시트당 $75. 키트 구독은 없습니다. 이 사이트의 체크아웃은 라이선스 키를 이메일로 전달하고 GitHub 초대로 리포지토리 액세스를 제공합니다.

워크스페이스는 내 데이터를 어떻게 경계 짓나요?

사용자 레코드는 workspaceId로 범위가 지정됩니다. 신원, 권한, AI 사용량, 결제 이벤트, 감사 항목은 개인 워크스페이스 경계 안에 유지됩니다.

백그라운드 작업은 어떻게 작동하나요?

Trigger.dev가 명시적인 작업 런타임입니다. JobRunner 계약은 enqueue, status, cancel만 약속하며 — 워크플로 의미는 Trigger.dev 고유이고 명시적입니다.

이메일과 아웃리치는 어떻게 다른가요?

트랜잭션 이메일은 작업 완료 알림 같은 제품 워크플로를 커버합니다. 콜드 아웃리치와 캠페인은 제품 자체에 속하며 이 키트의 이메일 모듈 밖입니다.

모바일 구매는 어떻게 작동하나요?

모바일은 RevenueCat 네이티브 구매와 복원을 지원하며 서버에서 접근 권한을 검증합니다. 출시 전에 스토어 계정을 설정하고 기기 테스트를 완료하세요. 웹 결제는 별도로 관리합니다.

AI 프로바이더 키는 어디에 있나요?

BYOK 자격 증명은 암호화되어 서버 측에 유지됩니다. 키는 로그에서 삭제되며, 사용량과 예산은 워크스페이스 수준에서 확인할 수 있습니다.

체크아웃에서 어떤 결제 수단을 지원하나요?

Stripe 호스팅 체크아웃은 카드를 받으며, Stripe 계정에서 지갑을 활성화하면 Alipay와 WeChat Pay도 제공할 수 있습니다 — 중국 구매자에게 유용합니다. 지갑 승인은 비동기로 확정되므로 결제가 완료되는 즉시 라이선스 페이지가 갱신됩니다.

환불을 받을 수 있나요?

저장소 접근 권한을 얻은 후에는 supastack이 영구적으로 귀하의 소유가 되므로 환불이 불가능합니다. 하지만 안심하세요. 평생 업데이트가 포함된 전체 소스 코드를 받아 자신이나 고객을 위한 제품을 무제한으로 구축하고 출시할 수 있습니다. 단, 코드를 재판매하거나 저장소를 스타터 키트 또는 템플릿으로 재배포할 수는 없습니다.

KO
테마