Frontend Developer Cheat Sheet

Common Bazable workflows for frontend developers

First-time setup

1. Install the CLI

   npm install -g bazable-api
   
2. Initialize and extract

   cd your-frontend
   bazable init
   bazable extract --payloads
   

   Discovers all APIs and request schemas from your code.

3. Validate and enforce

   bazable inspect
   bazable test --mock --all
   bazable hook
   

   Checks violations, mock-tests every endpoint, and blocks broken contracts before push.

Daily workflow

bazable sync                        # get latest contract from backend
bazable inspect                     # validate code against contract
bazable test --all --token <token>  # test against real API

When the backend changes

bazable sync                        # pull updated contract
bazable inspect --fix               # auto-fix type mismatches in your code
bazable serve                       # start mock server with new contract

AI features

bazable explain POST https://api.example.com/v1/users   # plain-English endpoint explanation
bazable propose "Add phone field"                       # let AI suggest a contract change
bazable accept 1691501234567                            # approve a pending proposal

Handy options

Shortcut	Full flag	Purpose
bazable extract -r	--payloads	Infer request payloads.
bazable inspect -f	--fix	Auto-fix type mismatches.
bazable test -a -k	--all --mock	Mock-test every endpoint.
bazable ui	—	Open the visual dashboard.

See the Backend cheat sheet for the API-side workflow.