replit-local-dev-loop

# Replit Local Dev Loop ## Overview Configure the Replit Workspace development cycle: run commands, hot reloading, port configuration, Webview preview, dev/production database separation, and Replit Agent for AI-assisted building. ## Prerequisites - Replit App with `.replit` configured - Node.js or Python project initialized - Familiarity with Replit Workspace UI ## Instructions ### Step 1: Configure Run Commands ```toml # .replit — run determines what happens when you click "Run" # Simple string command run = "npm run dev" # Array form (recommended for deployment) # run = ["sh", "-c", "npm run dev"] # Multiple services simultaneously # run = "npm run api & npm run frontend & wait" entrypoint = "index.ts" ``` **Compiled languages** need a compile step: ```toml # TypeScript compile = "npx tsc -b" run = "node dist/index.js" # Go compile = "go build -o main ." run = "./main" ``` ### Step 2: Hot Reload Setup **Node.js with tsx watch:** ```toml # .replit run = "npx tsx watch src/index.ts" ``` ```json { "scripts": { "dev": "tsx watch src/index.ts", "test": "vitest", "test:watch": "vitest --watch" } } ``` **Python with Flask auto-reload:** ```toml run = "python main.py" [env] FLASK_DEBUG = "1" ``` ```python # main.py — Flask auto-reloads in debug mode if __name__ == '__main__': app.run(host='0.0.0.0', port=3000, debug=True) ``` **Vite/Next.js dev server:** ```toml run = "npm run dev" [env] PORT = "3000" ``` ### Step 3: Port Configuration Replit...