@feedthrough/nextjs

@feedthrough/nextjs

feedthrough.dev · npm · GitHub

Next.js adapter for Feedthrough. Wraps your Next.js config to inject the bridge on the client side in dev mode. Production builds (next build) are unaffected.

Install

npm install --save-dev @feedthrough/nextjs

Usage

// next.config.ts
import type { NextConfig } from "next";
import { withFeedthrough } from "@feedthrough/nextjs";

const nextConfig: NextConfig = {
  // your existing config
};

// withFeedthrough() only injects code when Next.js is running in dev mode.
export default withFeedthrough()(nextConfig);

Options

export default withFeedthrough({
  serverUrl: "ws://localhost:8765", // default
  reconnectDelay: 2000,             // ms, default
})(nextConfig);

How it works

withFeedthrough adds a FeedthroughPlugin (from @feedthrough/webpack) to the client-side webpack config. The plugin is only applied when ctx.dev && !ctx.isServer, so it never runs in production builds or on the server bundle.

Running alongside the MCP server

# Terminal 1 — app
next dev

# Terminal 2 — MCP server
node node_modules/@feedthrough/mcp/dist/index.js