@winstonfassett/webdev-nextjs
v0.1.1
Published
Next.js adapter for webdev — live browser observability for AI agents
Maintainers
winstonfassettReadme
@winstonfassett/webdev-nextjs
Next.js adapter for webdev — live browser observability for AI agents during development.
Install
npm install -D @winstonfassett/webdev-nextjs @winstonfassett/webdev-gatewayWebpack mode (Next.js 14+)
Fully automatic — client instrumentation is injected via webpack entry.
// next.config.js
import { withWebdev } from '@winstonfassett/webdev-nextjs'
export default withWebdev({
// your Next.js config
})Gateway auto-starts. No separate terminal needed.
MCP endpoint: http://localhost:3333/__mcp/sse
Turbopack mode (Next.js 15+)
Turbopack doesn't support webpack entry injection, so add the client component to your layout:
// next.config.js
import { withWebdev } from '@winstonfassett/webdev-nextjs'
export default withWebdev({
turbopack: {},
})// app/layout.tsx
import { WebDevMcpInit } from '@winstonfassett/webdev-nextjs/init'
export default function RootLayout({ children }) {
return (
<html>
<body>
<WebDevMcpInit />
{children}
</body>
</html>
)
}Options
withWebdev(nextConfig, {
gatewayUrl: 'http://localhost:3333', // Gateway URL (default)
enabled: process.env.NODE_ENV === 'development', // Default
})License
MIT