Cozinhar os metadados no getStaticProps()

[filipedeschamps]

Contexto

Dando continuidade na issue #622 que traz a implementação de @aprendendofelipe no PR #627, temos uma margem para melhorar ainda mais a abertura de uma página no TabNews, incluindo acelerar o Time to Interactive (TTI), principalmente para páginas que possuem um body muito grande, que é limpar os metadados antes de serem "cozinhados" pelo Next.js.

Execução

Hoje estamos utilizando o novo model remove-markdown.js com o fix do @aprendendofelipe no cabeçalho dos arquivos de layout, por exemplo:

tabnews.com.br/pages/interface/components/DefaultLayout/index.js

Line 26 in 60dc537

const cleanBody = removeMarkdown(content.body).replace(/\s+/g, ' ');

Fora isso, fazemos ainda algumas transformações, como remover as quebras de linha e tudo isso pode ser feito dentro do getStaticProps() para nada disso precisar ser processado no client-side.

• Remove markdown do body do conteúdo por dentro do getStaticProps #661

[kaique-soares]

@filipedeschamps eu tive a mesma sensação que você relatou em relação ao frontend, no PR #660

Eu subi uma branch com a implementação dessa issue aqui, mas fiquei travado para abrir o PR porque não me senti seguro se o que eu fiz, de fato, resolve a issue. Apesar da implementação ser simples, acredito, eu me peguei checando várias vezes se onde eu modifiquei era de fato o único lugar que o component DefaultLayout tava recebendo a propriedade content.

Poderia dar uma olhada?

[filipedeschamps]

Sensacional @kaique-soares ! Uma sugestão: mantenha o medo e abra o PR mesmo assim! Você vai ver que vamos tentar ao máximo proteger para que aqui seja um espaço em que qualquer pessoa possa tentar contribuir. Não interessa se sua implementação está certa ou não, o que interessa é que, mesmo com medo, você vai ter coragem de abrir esse PR, esta é a parte mais importante desta sua contribuição.

O que sobra, é a parte técnica, e daí a gente conversa sobre isso lá no PR, combinado? 🤝

[filipedeschamps]

Fechado por #661