·rsc-data-optimizer
{}

rsc-data-optimizer

✓
julianromli/ai-skillsGitHub: julianromli/ai-skillsFonte: julianromli/ai-skills

Ottimizza il recupero dei dati del router dell'app Next.js convertendo lentamente il lato client recupero al recupero veloce lato server utilizzando React Server Components (RSC). Utilizzare quando: - L'utente segnala un caricamento iniziale lento della pagina con gli spinner di caricamento - La pagina utilizza useEffect + useState per il recupero dei dati - Il modello StoreContext/useStore provoca il recupero a cascata - Necessità di migliorare il SEO (contenuto non nell'HTML iniziale) - Conversione delle pagine "usa client" in componenti server Trigger: "caricamento lento", "ottimizza recupero", "dati SSR", "ottimizzazione RSC", "rimuovi la casella di caricamento", "recupero lato server", "converti in componente server", "recupero dati lambat", "caricamento lama"

julianromli·rsc·data·optimizer
34Installazioni·2Tendenza·@julianromli

Installazione

GitHub: julianromli/ai-skills
$npx skills add https://github.com/julianromli/ai-skills --skill rsc-data-optimizer

Come installare rsc-data-optimizer

Installa rapidamente la skill AI rsc-data-optimizer nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/julianromli/ai-skills --skill rsc-data-optimizer
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: julianromli/ai-skills.

SKILL.md

Visualizza raw

Optimize slow client-side data fetching to instant server-side rendering.

Move sections with useInView, useState, onClick to separate Client Components:

Ottimizza il recupero dei dati del router dell'app Next.js convertendo lentamente il lato client recupero al recupero veloce lato server utilizzando React Server Components (RSC). Utilizzare quando: - L'utente segnala un caricamento iniziale lento della pagina con gli spinner di caricamento - La pagina utilizza useEffect + useState per il recupero dei dati - Il modello StoreContext/useStore provoca il recupero a cascata - Necessità di migliorare il SEO (contenuto non nell'HTML iniziale) - Conversione delle pagine "usa client" in componenti server Trigger: "caricamento lento", "ottimizza recupero", "dati SSR", "ottimizzazione RSC", "rimuovi la casella di caricamento", "recupero lato server", "converti in componente server", "recupero dati lambat", "caricamento lama" Fonte: julianromli/ai-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/julianromli/ai-skills --skill rsc-data-optimizer
Fonte
julianromli/ai-skills
Categoria
{}Analisi
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/julianromli/ai-skills/rsc-data-optimizer

Browse more skills from julianromli/ai-skills

Risposte rapide

Che cos'è rsc-data-optimizer?

Ottimizza il recupero dei dati del router dell'app Next.js convertendo lentamente il lato client recupero al recupero veloce lato server utilizzando React Server Components (RSC). Utilizzare quando: - L'utente segnala un caricamento iniziale lento della pagina con gli spinner di caricamento - La pagina utilizza useEffect + useState per il recupero dei dati - Il modello StoreContext/useStore provoca il recupero a cascata - Necessità di migliorare il SEO (contenuto non nell'HTML iniziale) - Conversione delle pagine "usa client" in componenti server Trigger: "caricamento lento", "ottimizza recupero", "dati SSR", "ottimizzazione RSC", "rimuovi la casella di caricamento", "recupero lato server", "converti in componente server", "recupero dati lambat", "caricamento lama" Fonte: julianromli/ai-skills.

Come installo rsc-data-optimizer?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/julianromli/ai-skills --skill rsc-data-optimizer Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/julianromli/ai-skills

Dettagli

Categoria
{}Analisi
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

clone-website
246 Installazioni
frontend-ui-animator
130 Installazioni
agents-md-generator
56 Installazioni
product-management
40 Installazioni
shadcn-management
34 Installazioni
frontend-ui-integration
33 Installazioni