As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.
# Amplifique o suporte para Next.js
O Amplify oferece suporte à implantação e hospedagem de aplicativos web renderizados do lado do servidor (SSR) criados usando. Next.js Next.js é uma estrutura React para desenvolver SPAs com JavaScript. Você pode implantar aplicativos criados com Next.js versões de até Next.js 15, com recursos como otimização de imagem e middleware.
Os desenvolvedores podem usar Next.js para combinar geração estática de sites (SSG) e SSR em um único projeto. As páginas SSG são pré-renderizadas no momento da compilação e as páginas SSR são pré-renderizadas no momento da solicitação.
A pré-renderização pode melhorar o desempenho e a otimização de mecanismos de pesquisa. Como Next.js pré-renderiza todas as páginas no servidor, o conteúdo HTML de cada página está pronto quando chega ao navegador do cliente. Esse conteúdo também pode ser carregado mais rápido. Tempos de carregamento mais rápidos melhoram a experiência do usuário final com um site e impactam positivamente a classificação de SEO do site. A pré-renderização também melhora a SEO, permitindo que os bots dos mecanismos de pesquisa encontrem e rastreiem facilmente o conteúdo HTML de um site.
Next.js fornece suporte analítico integrado para medir várias métricas de desempenho, como Time to first byte (TTFB) e First contentful paint (FCP). Para obter mais informações sobre Next.js, consulte [Introdução](https://nextjs.org/docs/getting-started) ao Next.js site.
## Next.js suporte de recursos
A computação do Amplify Hosting gerencia totalmente a renderização do lado do servidor (SSR) para aplicativos criados com as versões 12 a 15. Next.js
Se você implantou um Next.js aplicativo no Amplify antes do lançamento da computação do Amplify Hosting em novembro de 2022, seu aplicativo está usando o provedor SSR anterior do Amplify, o Classic (somente 11). Next.js A computação do Amplify Hosting não é compatível com aplicativos criados usando a Next.js versão 11 ou anterior. É altamente recomendável que você migre seus Next.js 11 aplicativos para o provedor de SSR gerenciado por computação do Amplify Hosting.
A lista a seguir descreve os atributos específicos que o provedor de SSR de computação do Amplify Hosting suporta.
**Recursos compatíveis**
+ Server-side páginas renderizadas (SSR)
+ Páginas estáticas
+ Rotas de API
+ Rotas dinâmicas
+ Detecção de todas as rotas
+ SSG (geração estática)
+ Regeneração estática incremental (ISR)
+ Roteamento de subcaminhos internacionalizado (i18n)
+ Roteamento de domínio internacionalizado (i18n)
+ Detecção automática de localidade internacionalizada (i18n)
+ Middleware
+ Variáveis de ambiente
+ Otimização de imagem
+ Next.js 13 diretório de aplicativos
**Atributos não compatíveis**
+ Rotas de API do Edge (*o middleware Edge não é suportado*)
+ *On-Demand*Regeneração estática incremental (ISR)
+ Next.js streaming
+ Execução de middleware em ativos estáticos e imagens otimizadas
+ Executando código após uma resposta com `unstable_after` (recurso experimental lançado com Next.js 15)
### Next.js imagens
O tamanho máximo de saída de uma imagem não pode exceder 4,3 MB. Você pode ter um arquivo de imagem maior armazenado em algum lugar e usar o componente Next.js Imagem para redimensioná-lo e otimizá-lo em um formato Webp ou AVIF e depois exibi-lo em um tamanho menor.
Observe que a Next.js documentação recomenda que você instale o módulo de processamento de imagem da Sharp para permitir que a otimização da imagem funcione corretamente na produção. Porém, isso não é necessário para implantações do Amplify. O Amplify implanta automaticamente o Sharp para você.