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á.
# Suporte do Amplify para Next.js
O Amplify oferece suporte à implantação e à hospedagem de aplicações da Web renderizadas do lado do servidor (SSR) criadas usando o Next.js. Next.js é uma estrutura React para desenvolvimento SPAs com JavaScript. É possível implantar aplicações criadas com versões do Next.js até o Next.js 15, com atributos como otimização de imagens e middleware.
Os desenvolvedores podem usar o 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 o 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.
O Next.js fornece suporte analítico integrado para medir várias métricas de desempenho, como Tempo até o primeiro byte (TTFB) e Primeira pintura com conteúdo (FCP). Para obter mais informações sobre o Next.js, consulte [Introdução](https://nextjs.org/docs/getting-started) no site do Next.js.
## Suporte ao atributo Next.js
A computação do Amplify Hosting gerencia integralmente a renderização do lado do servidor (SSR) para aplicações criadas com versões do Next.js de 12 a 15.
Se você implantou uma aplicação de Next.js no Amplify antes do lançamento da computação do Amplify Hosting em novembro de 2022, sua aplicação está usando o provedor de SSR anterior do Amplify, o Classic (somente Next.js 11). A computação do Amplify Hosting não é compatível com aplicativos criados usando o Next.js versão 11 ou anterior. É altamente recomendável que você migre seus aplicativos Next.js 11 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.
**Atributos compatíveis**
+ Páginas renderizadas do lado do servidor (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
+ Diretório de aplicativos Next.js 13
**Atributos não compatíveis**
+ Rotas de API do Edge (*o middleware Edge não é suportado*)
+ Regeneração estática incremental (ISR) *sob demanda*
+ Streaming do Next.js
+ Execução de middleware em ativos estáticos e imagens otimizadas
+ Execução de código após uma resposta com `unstable_after` (recurso experimental lançado com o Next.js 15)
### Imagens do Next.js
O tamanho máximo de saída de uma imagem não pode exceder 4,3 MB. É possível ter um arquivo de imagem maior armazenado em algum lugar e usar o componente de imagem do Next.js para redimensioná-lo e otimizá-lo em um formato Webp ou AVIF e, em seguida, fornecê-lo como um tamanho menor.
Observe que a documentação do Next.js recomenda que você instale o módulo Sharp de processamento de imagem para habilitar o funcionamento correto da otimização de imagem em produção. Porém, isso não é necessário para implantações do Amplify. O Amplify implanta automaticamente o Sharp para você.