Drop-in Integrations for Any Modern Stack
Whether you build with Next.js App Router, Astro, Svelte, or full-stack Laravel, NanoLog runs isolated in Shadow DOM without conflicts. Plus, our official Model Context Protocol (MCP) server lets AI assistants automate your release notes straight from your IDE.
Published Developer Packages
Drop-in libraries with first-class TypeScript types, React components, and AI agent tooling.
Official TypeScript SDK and React components (<NanoLog />, useNanoLog()) for Next.js and React.
Model Context Protocol (MCP) server for Cursor, Claude Code, Antigravity, and Windsurf to triage feedback and draft releases.
Next.js 15+ & App Router
Seamless client wrapper integration inside layout.tsx with zero hydration errors or SSR flickers.
React 18 / 19
Mount cleanly using standard useEffect hooks or custom trigger buttons with dynamic context traits.
Astro Islands
Island-architecture compatible with client:idle or client:load for zero JavaScript waste.
Vue.js 3 & Nuxt
Easily mounted with onMounted lifecycle hooks and reactive user store synchronization.
Svelte & SvelteKit
Ultra-lean reactive integration that respects SvelteKit route transitions without DOM memory leaks.
Laravel Blade
Simple Blade directive integration with backend HMAC SHA-256 voter signing out of the box.
Cursor AI IDE
Automate changelogs from git commits and update roadmap milestones using Cursor Agent mode.
Model Context Protocol (MCP)
Official MCP server (@ahm-labs/nanolog-mcp) for Claude Code, Codex, Antigravity, and Windsurf.
Anthropic Claude Code
Bind NanoLog in one CLI command to autonomously triage customer bugs and draft release notes.
OpenAI Codex CLI
Connect OpenAI Codex via config.toml to sync roadmaps, build DOM tours, and publish updates.
Google Antigravity
Pair Antigravity with NanoLog MCP and pre-built SKILL.md workflows for end-to-end release ops.
Windsurf Cascade
Automate release notes, roadmap status transitions, and spotlight tours from Windsurf IDE.