Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.
Amplify il supporto per Next.js SSR
Amplify supporta l'implementazione e l'hosting di app Web con rendering lato server (SSR) create utilizzando solo Next.js. Next.js è un framework React per lo sviluppo di SPA con JavaScript. Puoi distribuire app create con Next.js 13 con funzionalità come l'ottimizzazione di immagini e script, la rigenerazione statica incrementale (ISR) e il middleware.
Gli sviluppatori possono utilizzare Next.js per combinare la generazione di siti statici (SSG) e la tecnologia SSR in un unico progetto. Le pagine SSG vengono prerenderizzate in fase di compilazione e le pagine SSR vengono prerenderizzate al momento della richiesta.
Il prerendering può migliorare le prestazioni e l'ottimizzazione dei motori di ricerca. Poiché Next.js esegue il prerendering di tutte le pagine del server, il contenuto HTML di ogni pagina è pronto quando raggiunge il browser del client. Questo contenuto può anche essere caricato più velocemente. I tempi di caricamento più rapidi migliorano l'esperienza dell'utente finale con un sito Web e influiscono positivamente sul posizionamento SEO del sito. Il prerendering migliora anche la SEO consentendo ai bot dei motori di ricerca di trovare e scansionare facilmente i contenuti HTML di un sito Web.
Next.js fornisce un supporto di analisi integrato per misurare varie metriche delle prestazioni, come Time to first byte (TTFB) e First contentful paint (FCP). Per ulteriori informazioni su Next.js, vedere Guida introduttiva
Supporto delle funzionalità di Next.js
L'elaborazione di Amplify Hosting gestisce completamente il rendering lato server (SSR) per le app create con Next.js 12 o versioni successive. Se hai distribuito un'app Next.js su Amplify prima del rilascio di Amplify Hosting Compute, l'app utilizza il precedente provider SSR di Amplify, Classic (solo Next.js 11). L'elaborazione di Amplify Hosting non supporta le app create utilizzando Next.js versione 11 o precedente. Ti consigliamo vivamente di migrare le tue app Next.js 11 al provider SSR gestito da computer di Amplify Hosting.
L'elenco seguente descrive le funzionalità specifiche supportate dal provider SSR di calcolo Amplify Hosting.
Funzionalità supportate
-
Pagine renderizzate sul lato server (SSR)
-
Pagamenti statiche
-
Instradamenti API
-
Instradamenti del sito
-
Instradamenti su tutti i In
-
SSG (generazione statica)
-
Rigenerazione statica incrementale (ISR)
-
Routing dei sottopercorsi internazionalizzato (i18n)
-
Routing di domini internazionalizzato (i18n)
-
Middleware
-
Variabili di ambiente
-
Ottimizzazione delle immagini.
Caratteristiche non supportate
-
Instradamenti API Edge
-
Rigenerazione statica incrementale (ISR) su richiesta
-
Rilevamento locale automatico internazionalizzato (i18n)
-
Cartella dell'app Next.js 13 (beta)
Utilizzo dell'ottimizzazione delle immagini Next.js
La documentazione Next.js consiglia di installare il modulo di elaborazione delle immagini Sharp per consentire all'ottimizzazione delle immagini di funzionare correttamente in produzione. Tuttavia, ciò non è necessario per le implementazioni Amplify. Amplify implementa automaticamente Sharp per te.
La dimensione massima di output dell'immagine non può superare 4,3 MB. Puoi avere un file di immagine più grande archiviato da qualche parte e utilizzare ilnext/image componente per ridimensionarlo e ottimizzarlo in un formato Webp o AVIF e quindi servirlo come dimensione più piccola.
