Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Cache Components (Next.js 16+)

porvercel-labs·vercel-labs· v1.0.0 · atualizado em 2026-04-10
79
Score

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

nextjsreactcachingpartial-prerenderingperformanceserver-side-rendering
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdnext-cache-components/workflow
1. Enable `cacheComponents: true` in `next.config.js`.
2. Identify components or functions suitable for caching.
3. Apply the `'use cache'` directive to these components or functions.
4. Configure cache lifetime using `cacheLife()` for custom expiration.
5. Implement cache invalidation using `cacheTag()` and `revalidateTag()`.
6. Address runtime data constraints by passing necessary data as arguments.
7. Test and monitor the caching behavior to ensure optimal performance.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aVercel React Best Practices
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aWeb Interface Guidelines
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar afrontend-design
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
85

Árvore do Skill

Cache Components (Next.js 16+)
next-cache-components
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers7
enable cache components in Next.jsuse the cache directive in Next.jsconfigure cache lifetime in Next.jsinvalidate Next.js cache with tagsmigrate from unstable_cache to use cacheimplement partial prerendering in Next.jsoptimize Next.js performance with caching

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download next-cache-components
$ synaptic skills detail next-cache-components
$ synaptic skills live next-cache-components

Dependências

next

Links

GitHub Repository