replit-local-dev-loop

name	replit-local-dev-loop
description	Configure Replit development workflow with hot reload, Webview, and Replit Agent. Use when setting up dev server, configuring run commands, debugging in Workspace, or using Replit Agent for AI-assisted development. Trigger with phrases like "replit dev server", "replit hot reload", "replit local development", "replit agent", "replit workflow".
allowed-tools	Read, Write, Edit, Bash(npm:*), Bash(npx:*)
version	1.12.0
license	MIT
author	Jeremy Longshore <[e-mail]>
tags	["saas","replit","development","workflow","agent"]
compatibility	Designed for Claude Code, also compatible with Codex and OpenClaw

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

# .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:

# 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:

# .replit
run = "npx tsx watch src/index.ts"

{
  "scripts": {
    "dev": "tsx watch src/index.ts",
    "test": "vitest",