How to Add User Feedback to a Bolt.new App

Bolt.new generates full-stack web apps from natural language prompts — often in under 20 minutes. But like most vibe-coded apps, the result typically ships without any way for users to report problems. This tutorial adds a feedback widget to any Bolt.new app in under 5 minutes.

Last updated: April 24, 2026

Bolt.new crossed 5 million users by early 2025 and supports multiple frameworks including Next.js, Vite, and Astro. As of March 2026, Bolt.new does not include a built-in feedback mechanism.

Prerequisites

• A Bolt.new app (deployed or ready to deploy)
• Your project exported to GitHub (Bolt.new → Download or connect to GitHub)
• Node.js 18+ installed locally
• An AI coding agent (optional but recommended)

Step 1: Export and clone

If you haven't already, export your Bolt.new project to GitHub. Then clone it:

git clone https://github.com/your-username/your-bolt-app.git
cd your-bolt-app
npm install

Step 2: Install UserDispatch

npx userdispatch init

The CLI detects your framework automatically. Bolt.new apps are typically built with Vite or Next.js — the CLI handles both. It injects the widget script into the right file (index.html for Vite, app/layout.tsx for Next.js App Router, or pages/_document.tsx for Pages Router).

Step 3: Deploy

Push your changes and redeploy:

git add .
git commit -m "Add feedback widget"
git push

If you're deploying to Netlify (Bolt.new's default), the deploy triggers automatically. For Vercel, connect your GitHub repo and it redeploys on push.

Step 4: Verify

Visit your live app. The feedback button appears in the bottom-right corner. Submit a test bug report to confirm the full loop works.

Connecting your coding agent

The CLI wrote a .mcp.json file for your agent. If you use Claude Code, Cursor, or Windsurf, restart your agent and try:

"Check for new feedback submissions on my app."

Your agent can now read what users report, correlate bugs with your codebase, and propose fixes — all without you opening a dashboard.

Why Bolt.new apps need feedback

Bolt.new apps are built fast, which is their strength. The tradeoff is that AI-generated code can have edge cases that only real users discover. Without a feedback mechanism, these issues go unreported — users simply leave.

A feedback widget gives your users a way to tell you what's broken. The MCP server gives your coding agent a way to act on it. Together, they close the loop that vibe coding opens. For more on this pattern, see The Feedback Loop for Vibe Coding and How AI Agents Triage User Feedback.