Next.js

Next.js é um framework React que auxilia no desenvolvimento de aplicações rápidas e modernas. Pode ser usado para resolver:

  • Routing
  • Data Fetching
  • Integrações

Com o Next.js, você pode usar geração estática por página, utilizando Incremental Static Regeneration (ISR), sem ter que realizar o processo de rebuild na aplicação inteira. Isso significa que você pode aproveitar os benefícios da geração estática e ainda ser capaz de escalar a aplicação.

Uma página, em Next.js, é um componente React dentro de um arquivo. Esse arquivo utiliza uma das seguintes extensões:

  • .js
  • .jsx
  • .ts
  • .tsx

Toda página tem uma rota associada à ela, baseada no nome do arquivo.

Exemplo:

Digamos que você crie pages/azion.js exportando um React component.

export default function Azion() {
return <div>The easiest way to build, deploy, observe and secure modern applications.</div>
}

A página pode ser acessada em /azion:

pages/
azion.js

Com o Next.js, o HTML de cada página é gerado com antecedência, desonerando o lado do cliente deste trabalho. Como consequência, essa pré-renderização ajuda sua aplicação a ter uma performance potencializada e também a ter melhores índices de Search Engine Optimization (SEO).

  • Geração estática: durante o processo de build, o HTML é gerado e reutilizado em cada requisição.
  • Renderização do lado servidor: o HTML é gerado em cada requisição.

Você pode exportar a sua aplicação Next para [HTML estático] (https://nextjs.org/docs/advanced-features/static-html-export), o qual não necessita de um servidor Node.js para ser renderizado.

Para utilizar o next export, é preciso atualizar o script no arquivo package.json da aplicação:

"scripts": {
"build": "next build && next export"
}

Para mais informações sobre o framework Next.js, leia a documentação oficial.


Para criar uma aplicação em Next.js na plataforma da Azion, você precisa de:

  • Um bucket na Amazon Web Services (AWS) com permissões de escrita e leitura.
  • Uma conta na plataforma da Azion com o módulo Edge Functions habilitado.
  • o Node.js runtime environment, na versão 16.x ou superior, instalado.
  • A versão atual da Azion CLI instalada.

Nota: atualmente, a plataforma da Azion suporta apenas HTML estático no export do Next.js.


Contribuidores