1 of 20
2 of 20
3 of 20
4 of 20
5 of 20
6 of 20
7 of 20
8 of 20
9 of 20
10 of 20
11 of 20
12 of 20
13 of 20
14 of 20
15 of 20
16 of 20
17 of 20
18 of 20
19 of 20
20 of 20

doc

Flareact

  1. Sobre Flareact
  2. Flareact pages
  3. Edge-side rendering
  4. Azion e Flareact

Sobre o Flareact

O Flareact é um framework React baseado em Next.js, renderizado no edge.

Se você já conhece o Next.js, algumas APIs utilizadas pelo Flareact serão familiares para você.

Com o Flareact, sua aplicação React é renderizada no edge, ao invés de ser renderizada no servidor. Sendo assim, é possível ter um site estático e uma aplicação dinâmica.

Sendo inspirado em Next.js, o Flareact suporta:

  • Roteamento de páginas baseado em arquivos.
  • Caminhos dinâmicos para as pastas.
  • Edge-side data fetching APIs.

Além de ter as páginas renderizadas no edge, o Flareact também tem as páginas em cache, utilizando a Cache API.


Flareact pages

O Flareact tem todos os arquivos dentro do diretório /pages representados por um pathname com o mesmo 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, deliver, observe and secure modern applications.</div>
  }

A página pode ser acessada em /azion.

pages/
    azion.js

Edge-side rendering

Não há necessidade de esperar o lado do cliente renderizar o HTML, já que o HTML é retornado na requisição inicial. Isso pode ajudar o Search Engine Optimization (SEO) de sua página.

Para saber mais sobre Flareact, leia a documentação oficial.


Azion e Flareact

Para criar uma aplicação Flareact 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.

Veja como ter um projeto Flareact rodando na plataforma da Azion em Crie uma aplicação Jamstack no Azion Cells com o framework Flareact.


Leia também


Não encontrou o que procurava? Abra um ticket.