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
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-DemandRegeneraçã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ê.
