コンテンツにスキップ

Development Setup

このコンテンツはまだ日本語訳がありません。

Prerequisites

ToolVersionCheck
Node.js≥ 20node -v
pnpm10.11.0pnpm -v
GitLatestgit --version

Setup

  1. Install pnpm (if not installed)

    Terminal window
    corepack enable
    corepack prepare pnpm@10.11.0 --activate
  2. Clone and install

    Terminal window
    git clone https://github.com/soundbluemusic/public-monorepo.git
    cd public-monorepo
    pnpm install
  3. Run development server

    Terminal window
    pnpm dev:context

IDE Setup

VS Code

Recommended extensions:

  • Biome — Linting and formatting
  • Tailwind CSS IntelliSense — CSS autocomplete
  • TypeScript — Type checking

Settings

The project includes .vscode/settings.json with recommended settings.

Project Scripts

Development

CommandDescription
pnpm dev:contextRun Context at http://localhost:3003
pnpm dev:permissiveRun Permissive at http://localhost:3004
pnpm dev:rootsRun Roots at http://localhost:3005

Building

CommandDescription
pnpm buildBuild all apps
pnpm build:contextBuild Context only
pnpm build:permissiveBuild Permissive only
pnpm build:rootsBuild Roots only

Quality

CommandDescription
pnpm lintCheck with Biome
pnpm formatFormat with Biome
pnpm typecheckTypeScript check
pnpm testRun Vitest
pnpm test:e2eRun Playwright

Turborepo

The project uses Turborepo for build orchestration:

  • Caching — Local cache in .turbo/
  • Parallelization — Concurrent builds
  • Dependencies — Automatic build order

Database (Context App)

Context uses Cloudflare D1. For local development:

Terminal window
cd apps/context
pnpm wrangler d1 execute context-db --local --command "SELECT COUNT(*) FROM entries"

Troubleshooting

Build errors

Terminal window
# Clear caches and rebuild
rm -rf node_modules .turbo
pnpm install
pnpm build

Type errors

Terminal window
# Regenerate route types
pnpm typecheck