Next.js
팁
Next.js 개발 필수 설정 2가지 - AGENTS.md , MCP 설정
중년개발자
@loxo
2개월 전
54
Next.js 에서 개발에 필수 설정 2가지
Using AI Agents with Next.js DevTools MCP
AGENTS.md 설정 (압축 AGETNTS.md)
프로젝트 터미널에서 실행
bash
npx @next/codemod@canary agents-mdDevTools MCP
json
{
"mcpServers": {
"next-devtools": {
"command": "npx",
"args": ["-y", "next-devtools-mcp@latest"]
}
}
}보너스 Context7 MCP
사용법: prompt 이후 use context7 입력
json
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
}
}
}
Next.js 에서 개발에 필수 설정 2가지
Using AI Agents with Next.js DevTools MCP
AGENTS.md 설정 (압축 AGETNTS.md)
프로젝트 터미널에서 실행
bash
npx @next/codemod@canary agents-mdDevTools MCP
json
{
"mcpServers": {
"next-devtools": {
"command": "npx",
"args": ["-y", "next-devtools-mcp@latest"]
}
}
}보너스 postgres MCP
사용법: xx 테이블 schema 로 entity class 를 만들어줘
json
{
"mcpServers": {
"postgres": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-postgres",
"postgresql://사용자:비밀번호@서버:포트/디비?sslmode=no-verify"
]
}
}
}
#Next.js#AGENTS.md#DevTools MCP#AI Agents#Context7
댓글 0
Ctrl + Enter를 눌러 등록할 수 있습니다※ AI 다듬기는 내용을 정제하는 보조 기능이며, 최종 내용은 사용자가 확인해야 합니다.