Installation Guide
Prerequisites
| Requirement | Version | Notes |
|---|---|---|
| Node.js | 22+ | |
| pnpm | Latest | corepack enable && corepack prepare pnpm@latest --activate |
| Claude CLI | Latest | npm install -g @anthropic-ai/claude-code |
| JikiME-ADK | 1.8.0+ | Required for Method 1 (go install or install.sh) |
| Git | 2.x+ | Required for terminal Git panel |
Method 1 — JikiME CLI (Recommended)
Starting from JikiME-ADK 1.8.0, you can install and manage webchat using the jikime webchat command. Install location: ~/.jikime/webchat/
1. Install
jikime webchat installThis command automatically performs:
- Download webchat source from GitHub Release
- Run
pnpm install --frozen-lockfile - Run
pnpm build
Note: When installing JikiME-ADK via
install.sh, webchat is installed automatically. Use the--skip-webchatflag to skip it.
2. Start
jikime webchat start # Default port 4000
jikime webchat start --port 3000 # Custom portOpen http://localhost:4000 in your browser.
3. Check Status
jikime webchat statusDisplays install path, version, dependency status, build status, and Node.js/pnpm versions.
4. Rebuild
When rebuilding is needed after source changes or updates:
jikime webchat build5. Update
Update to the latest version:
jikime webchat install # Install webchat matching current jikime version
jikime webchat install --version 1.8.0 # Install specific versionExisting node_modules and .next are preserved; only source files are replaced, followed by pnpm install + pnpm build.
Method 2 — Local Direct Execution
1. Install Dependencies
pnpm installOn macOS, spawn-helper permissions are automatically granted after install. For node-pty compilation on Linux (Rocky / RHEL), see Troubleshooting — node-pty
2. Run Development Server
pnpm devOpen http://localhost:4000 in your browser.
3. Production Build and Run
pnpm build
NODE_ENV=production pnpm devEnvironment Variables
Copy .env.example to .env and configure as needed.
cp .env.example .env| Variable | Default | Description |
|---|---|---|
PORT | 4000 | Server port |
HOSTNAME | localhost | Bind address (set to 0.0.0.0 for external access) |
CLAUDE_PATH | Auto-detect | Claude CLI native binary path (specify manually if auto-detection fails) |
Method 3 — Docker (Recommended for Server Deployment)
Prerequisites
- Docker Engine 24+
- Docker Compose v2
1. Build Image and Start Container
docker compose up -d --buildBuild process:
- Install Node.js 22 + build tools (python3, gcc, g++)
pnpm install— including node-pty native compilationnext build— Next.js production build- Claude CLI installation (
npm install -g @anthropic-ai/claude-code)
2. Claude CLI Authentication
After the container starts, authenticate directly inside the container.
# Enter container shell
docker exec -it webchat bash
# Authenticate Claude CLI
claude auth login
# Verify authentication
claude --version
# Exit shell
exitAuthentication data is stored in the claude_data volume (/root/.claude) and persists across container restarts.
3. Access
http://<server-ip>:4000Key Commands
# View logs
docker compose logs -f
# Restart container
docker compose restart
# Stop (preserve volumes)
docker compose down
# Stop + delete volumes (full reset including auth)
docker compose down -v
# Rebuild image
docker compose up -d --build --force-recreateVolumes
| Volume Name | Container Path | Contents |
|---|---|---|
claude_data | /root/.claude | Claude auth credentials, session history, project list |
Mounting Project Directories
To access host project directories from inside the container, modify the volumes section in docker-compose.yml.
volumes:
- claude_data:/root/.claude
- /home:/home # Mount host /home at same path in container
- /root:/root/projects # Mount host /root to container /root/projectsNote: Changing mount paths affects how Claude recognizes project paths. Mount at the same absolute path as the host whenever possible.