> ## Documentation Index
> Fetch the complete documentation index at: https://supastack.dev/llms.txt
> Use this file to discover all available pages before exploring further.
> For the full documentation corpus in one file, fetch: https://supastack.dev/llms-full.txt

# 프로덕트 문서

키트에 포함된 전용 문서 앱.

## 시작하기 전에

파일 → 폴더 열기를 사용하여 Visual Studio Code에서 다운로드한 supastack 프로젝트를 연 다음 터미널 → 새 터미널을 선택합니다. 저장소 루트는 package.json, 앱 및 패키지가 포함된 폴더입니다. 아래 명령을 실행하고 터미널을 열어 두십시오. 명령이 인식되지 않으면 계속하기 전에 도구 설치 가이드를 완료하세요.

먼저 플랫폼 튜토리얼을 읽어보세요. 서버는 브라우저 또는 전화 요청에 응답하는 앱 프로세스입니다. 웹은 apps/web/.env.local를 읽고, Expo는 apps/mobile/.env.local를 읽고, 데이터베이스 마이그레이션 명령은 루트 .env를 읽습니다. 데이터베이스 없는 /dashboard 데모는 Postgres를 마이그레이션해야 하는 실제 /auth 계정과 별개입니다. 전화 또는 데스크톱 전용 결제에는 별도로 실행되는 웹 백엔드가 필요합니다.

[도구 설치 및 코드 받기](https://supastack.dev/ko/docs/web/before-you-start.md)

[명령, 파일 및 구성 알아보기](https://supastack.dev/ko/docs/web/terminal-basics.md)

[웹 첫 실행 튜토리얼 완료](https://supastack.dev/ko/docs/web/ship-in-5-minutes.md)

```
corepack pnpm --filter @supastack/web dev
```


## 설치 및 설정

apps/docs는 당신이 만드는 프로덕트의 구매자 대면 문서 표면입니다 — 이 킷 문서와는 별개입니다. 네비게이션, 페이지별 앵커, 검색으로 프로덕트 자체의 가이드를 렌더링하며 같은 워크스페이스에서 제공됩니다.

콘텐츠는 설명하는 기능과 같은 리포지토리에서 타입화·버전 관리된 상태로 유지하세요. 코드에서 벗어난 문서는 없는 페이지보다 나쁩니다.

```
apps/docs/        Product documentation app
  content/        Guide sources and nav order
  app/            Routes, layout, search
```


## 구현 워크플로

프로덕트 문서는 키트 구조를 모델로 합니다: 시작 경로, 기능 영역별 페이지, 구성과 API의 레퍼런스 페이지. 키트의 가이드 형식을 재사용하면 도구(검색 인덱스, Markdown 복사)가 계속 동작합니다.

태스크를 페이지에 연결하세요: 기능을 출시할 때 해당 가이드를 같은 변경으로 업데이트합니다.


## 검증 및 문제 해결

docs 워크스페이스를 빌드하고, 모든 네비게이션 항목을 클릭하고, 도입한 새 용어마다 검색을 실행하고, 이름 변경 후 앵커 링크를 확인합니다. 깨진 문서 링크는 깨진 라우트로 취급하세요.


## 다음

[기능 플래그와 공지](https://supastack.dev/ko/docs/web/feature-flags.md)