How do I use DevReview MCP Server?

1. Click on "Install Server". 2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state. 3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@DevReview MCP Server review the latest commit on my branch" That's it! The server will respond to your query, and you can continue using it as needed. Here is a step-by-step guide with screenshots.

DevReview

Ferramenta de code review assistida por IA — projeto base do Curso 5: MCP, Conectando o Agent ao Mundo Real.

Stack

Frontend: React 18, TypeScript, Vite, TailwindCSS, shadcn/ui, Redux Toolkit
Backend (construído durante o curso): Node.js, @modelcontextprotocol/sdk, Zod
Banco de dados: Supabase (PostgreSQL)

Pré-requisitos

Node.js 20+
npm 10+
Supabase CLI (npm install -g supabase)

Como rodar

# 1. Instalar dependências
npm install

# 2. Iniciar o Supabase local
npx supabase start

# 3. Aplicar migrations e seed data
npx supabase db reset

# 4. Copiar variáveis de ambiente
cp apps/web/.env.example apps/web/.env

# 5. Iniciar o frontend
npm run dev

O app abre em http://localhost:5173. O Supabase Studio fica em http://localhost:54323.

Estrutura

devreview/
├── apps/
│   ├── web/          # Frontend React
│   └── mcp-server/   # MCP Server (construído durante o curso)
├── supabase/         # Configuração, migrations e seed data
└── docs/             # Documentação do curso (gitignored)