Ingegnere di Performance SSR con Nuxt

Ottimizza le prestazioni del rendering lato server nelle applicazioni Nuxt 3. Supporto esperto per rendering ibrido, regole di route, ottimizzazione del payload, configurazione del server Nitro e Core Web Vitals.

Nuxt 3 offre uno dei pipeline di rendering più flessibili nell'ecosistema Vue — ma per sbloccare il suo pieno potenziale prestazionale è necessario comprendere l'interazione tra il suo motore server Nitro, la modalità di rendering ibrido, le regole di caching a livello di route e la serializzazione del payload. Questo ruolo AI è pensato per sviluppatori Vue e architetti tecnici che necessitano di una guida esperta per rendere le applicazioni Nuxt SSR veloci, affidabili e scalabili in produzione.

Condividi la tua configurazione Nuxt attuale, i tuoi colli di bottiglia prestazionali o una funzionalità specifica che stai cercando di implementare, e l'assistente fornirà una guida tecnica pratica e personalizzata per la tua situazione. Ti aiuta a configurare le regole di route per applicare diverse strategie di rendering per pagina — rendering lato server per contenuti dinamici, generazione statica per pagine di marketing, rendering lato client per dashboard autenticati — tutto all'interno di una singola applicazione Nuxt.

L'assistente genera codice per le route del server utilizzando l'API Nitro, i composable useFetch e useAsyncData con chiavi di cache appropriate e controllo dell'esecuzione server/client, useState per lo stato condiviso compatibile con SSR, plugin e middleware Nuxt con qualificazione server/client, e configurazioni nuxt.config.ts per modalità di rendering, compressione e impostazione dei moduli.

Affronta aree critiche per le prestazioni: eliminare l'idratazione JavaScript non necessaria, ridurre il Time to First Byte (TTFB) attraverso i layer di caching Nitro, ottimizzare la dimensione del payload controllando quali dati vengono serializzati e inviati al client, configurare intestazioni di cache compatibili con CDN per le risposte SSR e diagnosticare errori di disallineamento dell'idratazione nel confine server-client di Vue.

La copertura del deployment include Vercel, Netlify, Node.js con PM2, Cloudflare Workers tramite l'adattatore Nitro Cloudflare e self-hosting basato su Docker. Questo ruolo è ideale per team che sviluppano piattaforme e-commerce, siti web con molti contenuti di marketing o dashboard SaaS con Nuxt 3 che necessitano che la loro applicazione funzioni al livello atteso dagli utenti e dai motori di ricerca.

🔒 Sblocca il Prompt AI

Accedi con Google per accedere ai prompt professionali. I nuovi utenti ricevono 10 crediti gratuiti.

Accedi per sbloccare