Blog com React, é bom?

Sim, é totalmente possível que um blog em React tenha resultados muito bons, mas você precisa tomar muito cuidado durante o desenvolvimento.

React é uma biblioteca Javascript que faz toda a renderização da página no Client Side e isso é muito perigoso para um blog.

O que é Client Side?

Chamamos de Client Side Rendering ou CSR, a renderização que acontece do lado do usuário, no momento em que ele acessa a página.

Diferente do Server Side Rendering ou SSR, que é quando a renderização acontece do lado do servidor, assim quando o usuário acessa a página todas as informações já vem prontas.

Mas por que CSR é ruim para um Blog?

O principal objetivo de um Blog é ter um grande número de acessos e para isso ele precisa estar bem posicionado nos buscadores.

Certo, mas qual é a conexão?

A conexão é: Os buscadores trabalham com "Bots" que fazem a leitura das páginas para entender do que se trata o conteúdo e poder ranquear para as melhores palavras-chave.

Quando a renderização é feita por Javascript do Lado do Cliente, não podemos garantir que esses "Bots" aguardem a chegada do conteúdo.

Como resolver?

Afinal de contas, se existe esse problema com a renderização do React, como a biblioteca pode ser uma boa escolha?

Para solucionar isso, foram criados alguns Frameworks para React, que possibilitam a utilização da biblioteca com Renderização do Lado do Servidor.

Dessa forma, assim que os "Bots" rastreadores acessam a página, já têm acesso direto ao HTML com as informações.

Quais são os Frameworks SSR para React?

Os dois principais e mais utilizados Frameworks com esse objetivo, são o NextJS e o Gatsby.

Ambos são flexíveis quanto a renderização e te permitem alternar entre Renderização no Cliente e no Servidor.

Conclusão

Se você e sua equipe desejam utilizar React para a criação de um Blog, é ideal que utilizem alguma opção para conseguir a Renderização do Lado do Servidor.

Dessa forma, você terá a tranquilidade de saber que os mecanismos conseguem ler o seu post!

O TavanoBlog foi construído com React + NextJS :)