Skip to content
Agentmart
Submit a tool

nextjs-app-router

Padrões do Next.js App Router (15+) com Supabase: Server Components por padrão, "use client" só nas folhas, Server Actions com validação Zod e autenticação…

Skill by brcampidelli

IndexedApache-2.0
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/brcampidelli-nextjs-app-router

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Padrões do Next.js App Router (15+) com Supabase: Server Components por padrão, "use client" só nas folhas, Server Actions com validação Zod e autenticação por getUser(), revalidação de cache, rotas de API, metadata, loading/error, imports absolutos. Use ao criar ou revisar páginas, layouts, server actions, route handlers ou integração @supabase/ssr num projeto Next.js com App Router.

Use cases: frontend, backend

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/nextjs-app-router

What's inside

Skill name
nextjs-app-router
Description
Padrões do Next.js App Router (15+) com Supabase: Server Components por padrão, "use client" só nas folhas, Server Actions com validação Zod e autenticação por getUser(), revalidação de cache, rotas de API, metadata, loading/error, imports absolutos. Use ao criar ou revisar páginas, layouts, server actions, route handlers ou integração @supabase/ssr num projeto Next.js com App Router.
License
Apache-2.0
Metadata
lang: pt-BR · mode: own · tags: nextjs, react, app-router, server-actions, zod, supabase-ssr · network: false · scripts: false · category: sites-frontend · categories_secondary: code, security
Instructions
38 lines in SKILL.md · view on GitHub

Files (3)

  • SKILL.md
  • server-action.md · references/
  • versoes.md · references/

SKILL.md (first lines)

# Next.js App Router

**Primeiro passo sempre:** leia `package.json` e confirme a versão do `next`. Várias APIs mudaram entre
14, 15 e 16 (veja [references/versoes.md](references/versoes.md)). Siga o padrão que o projeto já usa
antes de introduzir outro.

## Regras

1. **Server Component é o padrão.** `"use client"` só no menor componente que precisa de estado,
   efeito ou evento do navegador. Dado é buscado no servidor e passado como prop.
2. **Toda Server Action e todo Route Handler** fazem, nesta ordem: validar entrada com Zod
   (`safeParse`) → autenticar com `supabase.auth.getUser()` (nunca `getSession()` para decidir acesso
   no servidor) → autorizar (o recurso é do usuário?) → executar → revalidar.
3. **Nunca confie em id vindo do cliente** para dono do recurso; derive de `user.id`. A RLS do banco
   é a segunda trava, não a única.
4. **Erros:** devolva mensagem genérica ao cliente e registre o detalhe no servidor. Formato:
   `{ success, data, error }`.
5. **Segredos** só em variáveis sem `NEXT_PUBLIC_`. Tudo com esse prefixo vai para o navegador.
6. **Cache:** depois de mutação, `revalidatePath` ou `revalidateTag` do que mudou.
7. **Imports absolutos** (`@/lib/...`), `next/image` para imagem, `next/font` para fonte.
8. **Estados de rota:** `loading.tsx` para carregamento, `error.tsx` (client) para falha,
   `not-found.tsx` com `notFound()`.

## Esqueleto de Server Action

Veja [references/server-action.md](references/server-action.md) — inclui o cliente Supabase de servidor
com `@supabase/ssr` e um teste mínimo.

## Revisão rápida (antes de entregar)

- [ ] nenhuma action/handler sem Zod + `getUser()`
- [ ] nenhum `"use client"` em página inteira sem necessidade
- [ ] nenhum segredo com `NEXT_PUBLIC_`
- [ ] nenhum `select('*')` em consulta de produção
- [ ] mutação revalida o que exibe
- [ ] `params`/`searchParams`/`cookies()` tratados conforme a versão (assíncronos a partir da 15)

From brcampidelli/chimera-skills, Apache-2.0.

More from brcampidelli/chimera-skills

Signals

Stars
0
Forks
0
Open issues
0
Last commit (this folder)
Oct 18, 2026 (11 days ago)

From GitHub (fetched Oct 24, 2026).

Details

License
Apache-2.0
First seen
Oct 24, 2026
Last checked
Oct 24, 2026

More from brcampidelli

Cite this page

nextjs-app-router skill. Agent Mart. https://agentmart.dev/skills/brcampidelli-nextjs-app-router (last updated 2026-10-24)