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

Chalk Labs

Need help deploying nextjs-app-router?

Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.

Book a call

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 (14 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

Done for you

Rather not set it up yourself?

Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.

See how we build AI agents →Read the case studies

Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.

launches shipped
50+
launches shipped
media placements
500+
media placements
founders on every account
2
founders on every account

Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block

Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.

Get nextjs-app-router running in your business

Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.

Goes to the Chalk Labs founders, not the newsletter. Privacy

Need help deploying nextjs-app-router?

CallGet help
Cite this page

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