빠른 시작

This content is not available in your language yet.

프로젝트 생성 — 의존성 0의 npx CLI(바이너리 불요):

npx @suji/cli init my-app --backend=zig   # none|zig|rust|go|node|lua|multi
# --frontend=react|vue|svelte|solid|preact|vanilla|next (기본 react)
# --toolchain=vite|rsbuild|next  --pm=npm|pnpm|bun|vp
cd my-app

개발 모드 — 백엔드 빌드 + CEF 창 + 핫 리로드:
Terminal window
```
suji dev
```
타입 자동 생성(zig 백엔드) — .schema() 체인 → frontend SujiHandlers .d.ts(수동 augment 불요):
Terminal window
```
suji types > src/suji.d.ts
```
프로덕션 빌드 / 실행:
Terminal window
```
suji build
suji run
```

suji.json

{
  "$schema": "./suji.schema.json",
  "app": { "name": "My App", "version": "1.0.0" },
  "window": { "title": "My App", "width": 1024, "height": 768 },
  "frontend": { "dir": "frontend", "dev_url": "http://localhost:12300", "dev_command": "npm run dev", "build_command": "npm run build" },
  "fs": { "allowedRoots": ["~/Documents/myapp"] }
}

fs.allowedRoots 를 설정하면 렌더러의 fs.*(및 캡처/인쇄/nativeImage 경로)가 그 경계로 샌드박스됩니다 — 권한 & 샌드박스 참고.