fullstack-langgraph-nextjs-agent

by agentailor · TypeScript · ★ 101

Production-ready Next.js template for building AI agents with LangGraph.js. Features MCP integration for dynamic tool loading, human-in-the-loop tool approval, persistent conversation memory with PostgreSQL, and real-time streaming responses. Built with TypeScript, React, Prisma, and Tailwind CSS.

#agent-framework#ai-agent#langchain#langfuse#langgraph#llm#mcp#model-context-protocol#nextjs#open-telemetry#openai#postgresql#prisma#react

Install

npx -y github:agentailor/fullstack-langgraph-nextjs-agent

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "fullstack-langgraph-nextjs-agent": {
      "command": "npx",
      "args": [
        "-y",
        "github:agentailor/fullstack-langgraph-nextjs-agent"
      ]
    }
  }
}

From the README

> **A production-ready Next.js template for building AI agents with LangGraph.js, featuring Model Context Protocol (MCP) integration, human-in-the-loop tool approval, and persistent memory.** _Complete agent workflow: user input → tool approval → execution → streaming response_ [](https://www.typescriptlang.org/) [](https://nextjs.org/) [](https://langchain-ai.github.io/langgraphjs/) [](https://www.postgresql.org/) [](https://www.prisma.io/) - **Model Context Protocol** integration for dynamic tool management - Add tools via web UI - no code changes required - Support for both stdio and HTT…

Read full README on GitHub →

💡 Need a managed MCP host?

Try Claude Pro for the smoothest MCP experience, or browse our cloud-hosted servers.

Related developer tools servers

everything-claude-code

affaan-m

★ 170,676

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Developer Tools · JavaScript