Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Nextjs Data Fetching skill
Busca dados no Next.js App Router com SWR, React Query, busca em paralelo e ISR
- instalações
- 3.700
- estrelas no GitHub
- 363
- No skills.sh desde
- fevereiro de 2026
- Licença
- MIT
Atualizada no GitHub em 10 de setembro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Provides Next.js App Router data fetching patterns including SWR and React Query integration, parallel data fetching, Incremental Static Regeneration (ISR),…
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Nextjs Data Fetching no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Nextjs Data Fetching, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Levar essa skill
1x nextjs-data-fetchingR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/giuseppe-trisciuoglio/developer-kit
Aprenda a usar
- Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.
Na mesma prateleira
Ver as 1.731 skills do corredordpearson2699
swiftdata
O Claude escreve e revisa a parte de dados do seu app iOS sem cair nos erros que travam o app ou bagunçam o que já estava salvo.Auditada4.100 instalações, grátissoftaworks
react-
O Claude para de enfiar useEffect onde não precisa e usa a saída certa: cálculo na renderização, useMemo, key ou o próprio evento.Auditada4.100 instalações, grátisuseeffect tanstack-skills
tanstack-
O Claude monta o seu app React com TanStack Start do jeito certo: páginas renderizadas no servidor, login nas rotas e deploy onde você hospeda.Auditada3.900 instalações, grátisstart freshtechbro
react-
O Claude coloca 3D de verdade no seu site React: produto que gira na tela, vitrine interativa, portfólio e animação que acompanha a rolagem.Auditada3.800 instalações, grátisthree- fiber ueberdosis
tiptap
O Claude coloca um editor de texto no seu app, com edição em equipe, comentários e IA, seguindo a documentação da versão do Tiptap que você usa.Auditada3.700 instalações, grátisnexu-io
threejs
O Claude reconhece quando o pedido é 3D na web e sabe onde está o pacote completo de Three.js, com cenas, materiais, controles e efeitos.3.400 instalações, grátisAndroid
r8-
Um relatório de quanto do código o R8 consegue enxugar e de quais regras estão travando isso, cada uma com a ação: remover ou refinar.Auditada3.200 instalações, grátisanalyzer mengto
build-
Sai um site completo com uma ideia visual própria, abertura animada e movimento que acompanha a rolagem, sem cara de template.Auditada3.100 instalações, grátisawwwards- quality- sites
Mais da loja giuseppe-trisciuoglio
Ver a loja giuseppe-trisciuogliogiuseppe-trisciuoglio
shadcn-
Ensina os padrões da biblioteca shadcn/ui: instalação, configuração e componentes React acessíveisAuditada22,4 mil instalações, grátisui tailwind-
Ensina padrões de estilo com Tailwind CSS: design responsivo, layout, flexbox, grid, espaçamento e tipografiaAuditada17,7 mil instalações, grátiscss- patterns drizzle-
Traz padrões do Drizzle ORM: schemas, CRUD, relações, consultas, transações e migraçõesAuditada5.400 instalações, grátisorm- patterns nextjs-
Otimiza a performance do Next.js: Core Web Vitals, imagens, fontes, cache, streaming e tamanho do bundle4.900 instalações, grátisperformance unit-
Escreve testes unitários de Bean Validation (@Valid, @NotNull, @Min, @Max, @Email) com Hibernate ValidatorAuditada4.900 instalações, grátistest- bean- validation react-
Aplica padrões de React 19: Server Components, Server Actions, useOptimistic, useActionState e SuspenseAuditada4.800 instalações, grátispatterns tailwind-
Cria e gerencia um design system com Tailwind CSS e shadcn/ui: tokens de design e tema com variáveis CSSAuditada4.500 instalações, grátisdesign- system react-
Revisa código React: arquitetura de componentes, uso de hooks, padrões do React 19 e gerenciamento de estadoAuditada4.300 instalações, grátiscode- review spring-
Ensina padrões de teste em Spring Boot: unitário, integração, slice e com containers, com JUnit 5 e MockitoAuditada4.300 instalações, grátisboot- test- patterns nestjs
O Claude monta o back-end do seu sistema em NestJS, com banco Postgres, login por token e testes, organizado do jeito que o framework pede.Auditada4.200 instalações, grátisspring-
Define padrões de API REST em projetos Spring Boot: endpoints, DTOs e tratamento de erro4.200 instalações, grátisboot- rest- api- standards typescript-
Gera documentação de TypeScript com JSDoc e TypeDoc, em camadas para públicos diferentesAuditada4.200 instalações, grátisdocs