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à.
Supporto Amplify per Next.js
Amplify supporta la distribuzione e l'hosting di app Web renderizzate sul lato server (SSR) create utilizzando. Next.js Next.js è un framework React per lo sviluppo di SPA con. JavaScript Puoi distribuire app create con Next.js versioni fino a Next.js 15, con funzionalità come l'ottimizzazione delle immagini e il middleware.
Gli sviluppatori possono utilizzare questa soluzione Next.js per combinare la generazione statica di siti (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é il Next.js prerenderizza tutte le pagine sul server, il contenuto HTML di ogni pagina è pronto quando raggiunge il browser del client. Inoltre, questo contenuto può essere caricato più velocemente. 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, poiché consente ai bot dei motori di ricerca di trovare e scansionare facilmente i contenuti HTML di un sito Web.
Next.js fornisce un supporto analitico integrato per misurare varie metriche prestazionali, come Time to first byte (TTFB) e First contentful paint (FCP). Per ulteriori informazioni su Next.js, consulta Guida introduttiva al sito Web.
Next.js supporto per le funzionalità
Amplify Hosting compute gestisce completamente il rendering lato server (SSR) per le app create con le versioni da 12 a 15. Next.js
Se hai distribuito un' Next.js app su Amplify prima del rilascio di Amplify Hosting compute nel novembre 2022, la tua app utilizza il precedente provider SSR di Amplify, Classic (solo 11). Next.js Amplify Hosting compute non supporta le app create Next.js utilizzando la versione 11 o precedente. Ti consigliamo vivamente di migrare le tue Next.js 11 app al provider SSR gestito dal calcolo Amplify Hosting.
L'elenco seguente descrive le funzionalità specifiche supportate dal provider SSR di calcolo Amplify Hosting.
Funzionalità supportate
-
Server-side pagine renderizzate (SSR)
-
pagine statiche
-
Percorsi API
-
Percorsi dinamici
-
Cattura tutti i percorsi
-
SSG (generazione statica)
-
Rigenerazione statica incrementale (ISR)
-
Routing di sottopercorsi internazionalizzato (i18n)
-
Routing di domini internazionalizzato (i18n)
-
Rilevamento automatico delle impostazioni locali internazionalizzato (i18n)
-
Middleware
-
Variabili di ambiente
-
Ottimizzazione delle immagini
-
Next.js 13 directory di app
Caratteristiche non supportate
-
Edge API Routes (il middleware Edge non è supportato)
-
On-DemandRigenerazione statica incrementale (ISR)
-
Next.js streaming
-
Esecuzione di middleware su risorse statiche e immagini ottimizzate
-
Esecuzione del codice dopo una risposta con
unstable_after(funzionalità sperimentale rilasciata con Next.js 15)
Next.js immagini
La dimensione massima di output di un'immagine non può superare 4,3 MB. È possibile archiviare un file di immagine più grande da qualche parte e utilizzare il componente Next.js Immagine per ridimensionarlo e ottimizzarlo in un formato Webp o AVIF e quindi utilizzarlo in una dimensione più piccola.
Si noti che la Next.js documentazione consiglia di installare il modulo di elaborazione delle immagini Sharp per consentire il corretto funzionamento dell'ottimizzazione delle immagini in produzione. Tuttavia, ciò non è necessario per le implementazioni Amplify. Amplify implementa automaticamente Sharp per te.
