ต้นแบบ · รุ่นทดลอง: มีทุก server ในทะเบียนทางการ อัปเดตทุก 30 นาที รีวิวและบัญชีผู้ใช้จะมาในขั้นถัดไป
PopNx MCPที่รวม MCP สำหรับคนใช้ AI · อธิบายเป็นภาษาคน

Midnight + Next.js MCP

โดย FractionEstateรุ่น 0.3.1i★ –iรันบนเครื่อง
ชื่อใน registryio.github.FractionEstate/midnight-nextjs-mcp

ติดตั้ง

ภาพรวม

คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)

Unified MCP server for Midnight blockchain development and Next.js dApps.

สามเสาของ PopNx MCP

สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน

ใช้ทำอะไรได้

ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry

  • การเชื่อมต่อ: รันบนเครื่อง
  • ช่องทาง (transport): stdio
  • หมวด: เครื่องมือนักพัฒนา
  • ต้องใส่ค่าเหล่านี้: GITHUB_TOKEN

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ก่อนติดตั้ง

ค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต

ต้องเตรียมก่อน

  • npmติดตั้ง Node.js (มีคำสั่ง npx) ในเครื่อง

คุณใช้แอปไหน

เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”

เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json

{
  "mcpServers": {
    "midnight-nextjs": {
      "command": "npx",
      "args": [
        "-y",
        "midnight-nextjs-mcp"
      ],
      "env": {
        "GITHUB_TOKEN": "ใส่ค่าของคุณ",
        "LOG_LEVEL": "ใส่ค่าของคุณ",
        "MIDNIGHT_LOCAL": "ใส่ค่าของคุณ"
      }
    }
  }
}

พิมพ์คำสั่งนี้ใน Terminal

claude mcp add midnight-nextjs --env GITHUB_TOKEN='ใส่ค่าของคุณ' --env LOG_LEVEL='ใส่ค่าของคุณ' --env MIDNIGHT_LOCAL='ใส่ค่าของคุณ' -- npx -y midnight-nextjs-mcp

เติมค่าที่เว้นว่างไว้ก่อนรัน

เปิดใน Cursor

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json

{
  "mcpServers": {
    "midnight-nextjs": {
      "command": "npx",
      "args": [
        "-y",
        "midnight-nextjs-mcp"
      ],
      "env": {
        "GITHUB_TOKEN": "ใส่ค่าของคุณ",
        "LOG_LEVEL": "ใส่ค่าของคุณ",
        "MIDNIGHT_LOCAL": "ใส่ค่าของคุณ"
      }
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

เปิดใน VS Code

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .vscode/mcp.json ของโปรเจกต์

{
  "servers": {
    "midnight-nextjs": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "midnight-nextjs-mcp"
      ],
      "env": {
        "GITHUB_TOKEN": "ใส่ค่าของคุณ",
        "LOG_LEVEL": "ใส่ค่าของคุณ",
        "MIDNIGHT_LOCAL": "ใส่ค่าของคุณ"
      }
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น

ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี

ค่าที่ต้องใส่เอง

  • GITHUB_TOKEN ความลับ env
    GitHub Personal Access Token - increases API rate limits
  • LOG_LEVEL env
    Logging verbosity level
  • MIDNIGHT_LOCAL env
    Enable local mode with ChromaDB for offline semantic search

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

ทำอะไรได้บ้าง

รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569

  • ✓ ผ่าน

    ตัวตนผู้ทำตรงกับ repo

    ชื่อใน registry ยืนยันด้วยบัญชี GitHub FractionEstate ซึ่งเป็นเจ้าของ repo

  • … ยังไม่ตรวจ

    ยังมีคนดูแล

    ยังไม่ได้อ่านข้อมูล repo จาก GitHub

  • … ยังไม่ตรวจ

    มีสัญญาอนุญาต (license)

    ยังไม่ได้อ่านข้อมูล repo จาก GitHub

  • – ไม่เกี่ยว

    endpoint ตอบ

    ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต

  • – ไม่เกี่ยว

    ล็อกอินแบบ OAuth

    ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน

  • … ยังไม่ตรวจ

    คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

    รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต

เทียบกับตัวอื่นในหมวด เครื่องมือนักพัฒนาi

  • ดาวมากกว่า 0% ของอีก 4904 ตัวในหมวดนี้
  • ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 2% ของอีก 4904 ตัวในหมวดนี้
  • ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 4904 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

Midnight + Next.js MCP ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

ต้องใส่ค่าเหล่านี้: GITHUB_TOKEN

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.3.1) เข้า registry 10 เดือนที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี GitHub, Desktop Commander, Cloudflare MCP

ตัวที่ใช้แทนได้

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

GitHub

โดย github

server ทางการของ GitHub ให้ AI อ่านและจัดการโค้ด issue และ pull request ในบัญชีของคุณได้ ใช้ผ่านคลาวด์ของ GitHub หรือรันในเครื่องด้วย Docker ก็ได้

บนเครื่องหรือคลาวด์★ 34,245MITอัปเดต 4 วันที่ผ่านมา
ติดตั้ง

Desktop Commander

โดย wonderwhy-er

MCP server for terminal commands, file operations, and process management

รันบนเครื่อง★ 10,225MITอัปเดต 16 วันที่ผ่านมา
ติดตั้ง

Cloudflare MCP

โดย cloudflare

Cloudflare MCP servers

รันบนคลาวด์★ 4,446Apache-2.0อัปเดต 14 เดือนที่ผ่านมา
ติดตั้ง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ

Midnight + Next.js Development MCP Server

A Model Context Protocol (MCP) server combining Midnight Network blockchain development tools with Next.js DevTools for building decentralized applications.

Compatible with all MCP-enabled AI assistants: Claude, GitHub Copilot, Cursor, Windsurf, Codeium, Continue.dev, Zed, Sourcegraph Cody, and more.

🤖 Supported AI Assistants

This MCP server works with any AI assistant that supports the Model Context Protocol:

AI AssistantPlatformConfiguration
ClaudeDesktop App, VS CodeNative MCP support
GitHub CopilotVS Code, JetBrainsMCP extension
CursorIDEBuilt-in MCP support
WindsurfIDEBuilt-in MCP support
CodeiumVS Code, JetBrainsMCP integration
Continue.devVS Code, JetBrainsMCP config file
ZedIDEMCP support
Sourcegraph CodyVS CodeMCP extension

🌙 Features

Midnight Network Tools
Contract Development
  • `midnight_init` - Initialize development context
  • `midnight_compile_contract` - Compile Compact contracts to TypeScript/ZK artifacts
  • `midnight_analyze_contract` - Static analysis for contracts
  • `midnight_deploy_contract` - Deploy contracts to the network
  • `midnight_call_contract` - Execute circuit calls on deployed contracts
  • `midnight_scaffold_project` - Create new dApp projects from templates
Wallet & Tokens
  • `midnight_create_wallet` - Generate new wallet with seed phrase
  • `midnight_wallet_state` - Get detailed wallet state and balances
  • `midnight_transfer_tokens` - Transfer tDUST tokens
  • `midnight_get_balance` - Query token balances
Network & Queries
  • `midnight_network_status` - Check network health (Indexer, Proof Server, Node)
  • `midnight_get_block` - Query blockchain blocks
  • `midnight_get_transaction` - Query transaction details
  • `midnight_check_versions` - Check for Midnight package updates
Documentation
  • `midnight_search_docs` - Search Midnight documentation
  • `midnight-fetch-docs` - Fetch specific documentation pages
  • `midnight-sync-docs` - Sync documentation from official repo
  • `midnight-docs-status` - Check documentation sync status
  • `midnight-list-docs` - List available documentation sources
Next.js DevTools
  • `init` - Initialize Next.js development context
  • `nextjs_docs` - Search Next.js documentation
  • `nextjs_index` - Discover running dev servers
  • `nextjs_call` - Execute runtime diagnostic tools
  • `browser_eval` - Browser automation with Playwright
  • `upgrade_nextjs_16` - Next.js 16 upgrade guide
  • `enable_cache_components` - Cache Components migration

📦 Installation

# Clone the repository

git clone https://github.com/your-username/midnight-nextjs-mcp.git cd midnight-nextjs-mcp

Install dependencies

pnpm install

Build

pnpm build

🚀 Usage

Quick Start with npx

The easiest way to use this MCP server is via npx — no installation required:

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }

Configuration Examples

The MCP configuration format is standardized across most AI assistants. Below are platform-specific examples:


Universal MCP Configuration

Most MCP clients use this standard JSON format. Add to your client's MCP configuration file:

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }


VS Code (GitHub Copilot / Claude Extension)

Add to your VS Code settings.json or workspace .vscode/mcp.json:

{

"mcp.servers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }

Or for Claude extension specifically:

{

"claude.mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }

Claude Desktop (macOS)

Edit ~/Library/Application Support/Claude/claude_desktop_config.json:

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }

Claude Desktop (Windows)

Edit %APPDATA%\Claude\claude_desktop_config.json:

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }

Claude Desktop (Linux)

Edit ~/.config/Claude/claude_desktop_config.json:

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }

Cursor IDE

Add to your Cursor MCP configuration (.cursor/mcp.json in your project or global settings):

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }

Windsurf / Codeium

Add to your Windsurf MCP settings:

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }


Continue.dev (VS Code / JetBrains)

Add to ~/.continue/config.json or your project's .continue/config.json:

{

"experimental": { "modelContextProtocolServers": [ { "name": "midnight-nextjs-mcp", "transport": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } ] } }


Zed Editor

Add to your Zed settings (~/.config/zed/settings.json on Linux, ~/Library/Application Support/Zed/settings.json on macOS):

{

"context_servers": { "midnight-nextjs-mcp": { "command": { "path": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } } }


Sourcegraph Cody

Add to your Cody MCP configuration:

{

"cody.experimental.mcp.servers": { "midnight-nextjs-mcp": { "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }


JetBrains IDEs (IntelliJ, WebStorm, etc.)

For AI assistants in JetBrains IDEs that support MCP, add to your MCP configuration:

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"] } } }


Using Global Installation

If you prefer a global install instead of npx:

npm install -g midnight-nextjs-mcp

Then configure:

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "midnight-nextjs-mcp" } } }

Local Development / From Source
{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "node", "args": ["/path/to/midnight-nextjs-mcp/dist/index.js"] } } }


Docker

Run the MCP server in a Docker container:

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "docker", "args": ["run", "-i", "--rm", "fractionestate/midnight-nextjs-mcp:latest"] } } }

CLI Flags
# Enable both tool categories (default)

npx midnight-nextjs-mcp@latest

Disable Midnight tools (Next.js only)

npx midnight-nextjs-mcp@latest --no-midnight

Disable Next.js tools (Midnight only)

npx midnight-nextjs-mcp@latest --no-nextjs

Check package versions on startup

npx midnight-nextjs-mcp@latest --check-versions

Set version polling interval (default 24 hours)

npx midnight-nextjs-mcp@latest --poll-interval=12

🏗️ Project Structure

midnight-nextjs-mcp/

├── src/ │ ├── index.ts # Server entry point │ ├── tools/ │ │ ├── index.ts # Unified tool registry │ │ ├── midnight/ # Midnight Network tools │ │ │ ├── init.ts │ │ │ ├── network-status.ts │ │ │ ├── get-balance.ts │ │ │ ├── get-block.ts │ │ │ ├── get-transaction.ts │ │ │ ├── search-docs.ts │ │ │ ├── scaffold-project.ts │ │ │ ├── compile-contract.ts │ │ │ └── analyze-contract.ts │ │ └── nextjs/ # Next.js DevTools │ │ ├── init.ts │ │ ├── nextjs-docs.ts │ │ ├── nextjs_index.ts │ │ ├── nextjs_call.ts │ │ ├── browser-eval.ts │ │ ├── upgrade-nextjs-16.ts │ │ └── enable-cache-components.ts │ ├── providers/ # Midnight API providers │ │ ├── index.ts │ │ ├── indexer.ts # GraphQL indexer client │ │ ├── proof-server.ts # Proof generation client │ │ └── node.ts # Node RPC client │ ├── resources/ # MCP resources │ │ ├── (midnight-compact)/ # Compact language docs │ │ ├── (midnight-sdk)/ # SDK documentation │ │ ├── (cache-components)/ # Next.js cache docs │ │ └── ... │ ├── prompts/ # MCP prompts │ │ ├── create-midnight-contract.ts │ │ ├── upgrade-nextjs-16.ts │ │ └── enable-cache-components.ts │ └── types/ # TypeScript definitions │ ├── midnight.ts │ └── mcp.ts ├── package.json └── README.md

🔧 Configuration

Environment Variables

You can pass environment variables to the MCP server in your configuration:

{

"mcpServers": { "midnight-nextjs-mcp": { "type": "stdio", "command": "npx", "args": ["-y", "midnight-nextjs-mcp@latest"], "env": { "MIDNIGHT_NETWORK": "testnet", "MIDNIGHT_INDEXER_URL": "https://indexer.testnet.midnight.network/graphql" } } } }

Available Environment Variables
# Midnight Network (optional, defaults to testnet)

MIDNIGHT_NETWORK=testnet MIDNIGHT_INDEXER_URL=https://indexer.testnet.midnight.network/graphql MIDNIGHT_PROOF_SERVER_URL=https://proof-server.testnet.midnight.network MIDNIGHT_NODE_URL=https://rpc.testnet.midnight.network

Network Configurations
NetworkIndexerProof Server
Testnetindexer.testnet.midnight.networkproof-server.testnet.midnight.network
Devnetlocalhost:8080localhost:6300

📚 Resources

The server exposes documentation resources:

Midnight Resources
  • midnight://compact/overview - Compact language introduction
  • midnight://compact/reference - Complete syntax reference
  • midnight://sdk/overview - Midnight.js SDK guide
Next.js Resources
  • nextjs-docs://llms-index - Documentation index
  • cache-components://overview - Cache Components guide

🧪 Development

# Watch mode

pnpm dev

Type check

pnpm typecheck

Run tests

pnpm test

Build

pnpm build

📖 Documentation

Client-Specific MCP Documentation

🤝 Contributing

Contributions welcome! Please read the contributing guidelines first

ตัดมาแค่ช่วงต้น อ่านต่อใน repo

ถาม PopNx