콘텐츠로 건너뛰기
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/agent-setup.md (or send Accept: text/markdown).

에이전트에게 설정 맡기기

준비된 프롬프트 하나를 코딩 에이전트에 붙여넣고, 컴퓨터에서 웹 설정을 실행하게 한 뒤, 각 단계에 대해 작성한 리포트를 확인하세요.

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

번거로운 부분은 맡길 수 있습니다

이 저장소는 코딩 에이전트가 읽을 수 있도록 작성되었습니다. 지도 파일(llms.txt), 규칙 파일(AGENTS.md), 단계별 런북(docs/agent-setup.md), 준비된 프롬프트(prompts/agent-setup.md)가 함께 제공됩니다. 각 설정 명령을 직접 배우는 대신, 프롬프트 하나를 붙여넣으면 에이전트가 컴퓨터에서 런북을 따릅니다.

타이핑을 맡긴다고 검사를 건너뛰는 것은 아닙니다. 에이전트는 저장소의 복사본 안에서 작업하며 무엇을 했는지 증거와 함께 보고해야 합니다. 아래 섹션은 좋은 리포트가 어떤 모습인지 보여주므로 결과를 계속 통제할 수 있습니다.

정직한 한계가 하나 있습니다: 이 자동화된 경로는 웹 앱과 그 백엔드 — 계정과 데이터를 처리하는 서버 — 를 설정합니다. 프롬프트와 런북은 웹 저장소와 All Platforms 모노레포에 함께 제공됩니다. 모바일 전용·데스크톱 전용 체크아웃에는 대신 각 범위에 맞는 llms.txt와 플랫폼 설정 가이드가 들어 있습니다.

먼저 필요한 것

먼저 준비 가이드를 완료하세요: Node.js, Git, 편집기 설치, GitHub 초대 수락, supastack 폴더를 컴퓨터에 다운로드. 에이전트는 그 폴더 안에서 작업하므로 시작하기 전에의 모든 내용이 계속 적용됩니다.

코딩 에이전트 역할을 할 수 있는 도구도 필요합니다 — AI 코딩 에이전트가 내장된 편집기(AI IDE) 또는 터미널에서 실행되는 에이전트(에이전트 CLI). 현재 에이전트 기능이 있는 도구라면 무엇이든 됩니다. 프롬프트에 무엇을 읽고 실행해야 하는지 이미 적혀 있으므로 지시를 직접 쓸 필요가 없습니다.

마지막으로 앱을 실행하는 두 가지 방법 중 하나가 필요합니다: 컴퓨터에 설치된 Node.js 22 이상 — 준비 가이드가 설정한 경로 — 또는 Docker나 Podman 같은 컨테이너 도구로, 앱을 컨테이너 안에서 실행하고 설치된 Node.js가 필요 없습니다. 프롬프트 안에서 하나를 고르면 에이전트가 따릅니다.

프롬프트 복사, 두 곳 채우기, 붙여넣기

편집기에서 prompts/agent-setup.md를 여세요 — supastack 폴더 최상위의 prompts 폴더, llms.txt 옆에 있습니다. 전체 텍스트를 선택하고 복사하세요.

두 개의 자리 표시자에 선택이 필요합니다. <SETUP_PATH: docker | podman | host>를 docker, podman, host 중 하나로 바꾸세요 — host는 설치한 Node.js로 앱을 컴퓨터에서 직접 실행하고, docker나 podman은 컨테이너 안에서 실행합니다. <DEPLOY_TARGET: coolify | vps-docker | local-only>를 앱이 도달할 곳으로 바꾸세요 — local-only는 이 컴퓨터에서만 실행하고 아무것도 배포하지 않아 첫 살펴보기에 적합한 선택입니다.

편집한 텍스트를 에이전트 채팅에 붙여넣고 보내세요. 아래 채워진 첫 줄은 docker와 local-only를 고른 예시입니다. 그 줄 아래의 번호 매긴 단계들은 파일에 제공된 그대로 둡니다.

Stand up this supastack checkout end to end for **docker**
and deploy it to **local-only**.

에이전트가 프롬프트로 하는 일

프롬프트는 에이전트를 런북과 보안 규칙으로 향하게 한 다음, 순서대로 진행하고 각 단계를 증명하라고 지시합니다. 쉽게 말해 에이전트는:

  • 아무것도 건드리기 전에 저장소 지도(llms.txt), 프로젝트 규칙(AGENTS.md), 자격 증명 취급 규칙(docs/agent-security.md)을 읽습니다.
  • node scripts/setup-env.mjs로 .env 설정 파일을 만듭니다. 헬퍼는 .env.example에서만 복사하므로 에이전트가 설정 이름을 지어내지 않으며, 이미 있는 시크릿을 덮어쓰지 않고 보존합니다.
  • Postgres — 앱이 계정과 레코드를 보관하는 데이터베이스 — 와 앱 자체를 시작합니다. docker나 podman 경로에서는 컨테이너로, host 경로에서는 컴퓨터의 명령으로.
  • 첫 실제 로그인 전에 데이터베이스 마이그레이션 — 앱의 테이블을 만드는 명령 — 을 실행합니다. 테이블이 생기기 전에 만든 계정은 깨진 계정이기 때문입니다.
  • 각 단계를 체크포인트에서 검증하고, 모든 검사에 PASS, FAIL, BLOCKED 또는 NOT RUN 표시와 그 근거가 되는 출력을 담은 리포트로 마칩니다.

에이전트의 리포트에서 확인할 것

좋은 리포트는 주장이 아니라 증거를 보여줍니다. 각 PASS 뒤의 실제 헬스 응답과 명령 출력을 찾으세요 — '모든 것이 작동합니다' 같은 문장이 아니라.

프롬프트는 같은 단계가 두 번 실패하면 멈추고 보고하라고 — 실패를 우회하지 말고 — 에이전트에게 지시하고, 데이터베이스 초기화 같은 파괴적인 일 전에는 물어보라고 합니다. 에이전트가 반복된 실패 후에도 계속 임기응변한다면 멈추고 첫 오류를 문제 해결 가이드로 가져가세요.

절대 나타나서는 안 되는 두 가지가 있습니다: 오류를 없애려고 꺼버린 보안 기능과, 채팅이나 리포트에 출력된 비밀번호나 키 같은 시크릿 값. 둘 중 하나라도 보이면 그 실행은 실패로 간주하세요.

데모와 실제 로그인을 머릿속에서 구분하세요. /dashboard 데모의 로컬 레퍼런스 플로는 데이터베이스가 필요 없어서 단독으로 통과할 수 있습니다. /auth에서 계정 생성은 마이그레이션이 실행된 후에만 작동합니다. '데모가 됐다'가 아직 '계정이 된다'는 아닙니다.

직접 하고 싶다면

위의 모든 단계는 클릭별 튜토리얼로도 존재합니다. 첫 데모는 5분 웹 가이드를, 실제 데이터베이스를 갖춘 완전한 로컬 환경은 웹 로컬 설정을 실행하세요.

설치를 에이전트가 하지 않았더라도 설정 후에도 에이전트는 유용합니다 — 에이전트 워크플로 가이드는 새 화면, 리스타일링, 리뷰 같은 일상 작업을 다룹니다.

자주 묻는 질문

질문 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
테마