Nova lib para geração das thumbnails #1425
Conversation
|
@ErickCReis is attempting to deploy a commit to the TabNews Team on Vercel. A member of the Team first needs to authorize it. |
ErickCReis
force-pushed
the
new-og-image-generation
branch
from
a1386b8 to
5da8f89
Compare
There was a problem hiding this comment.
Boa @ErickCReis, obrigado por atualizar o PR! 💪
Não vamos ter a grande vantagem da biblioteca da Vercel porque não conseguimos acessar nosso banco de dados da Edge, certo? Então sabe dizer que outras vantagens teremos com essa mudança? E teremos alguma desvantagem?
Os problemas do PR #559 estão sendo corrigidos?
Fiz também alguns comentários no código 👍
| /* eslint-disable jsx-a11y/alt-text */ | ||
| /* eslint-disable @next/next/no-img-element */ |
There was a problem hiding this comment.
Se não forem muitos pontos problemáticos, é melhor desativar apenas na linha em questão, pois assim ficam mais claras as decisões de ignorar o lint.
There was a problem hiding this comment.
Desativar apenas na linha foi minha primeira tentativa mas como é um trecho de jsx a única solução que encontrei foi:
{// eslint-disable-next-line jsx-a11y/alt-text, @next/next/no-img-element
}<img
src="..."
width={82.5}
height={66}
style={{ marginLeft: 40 }}
/>Além de ficar muito estranho, se usar a formatação do Prettier esse trecho é alterado e o comentário não funciona:
{
// eslint-disable-next-line jsx-a11y/alt-text, @next/next/no-img-element
}
<img
src="..."
width={82.5}
height={66}
style={{ marginLeft: 40 }}
/>
models/thumbnail.js
Outdated
| import content from 'models/content.js'; | ||
| import removeMarkdown from 'models/remove-markdown'; | ||
|
|
||
| async function asPng(contentObject) { | ||
| const parentContentObject = await content.findOne({ |
There was a problem hiding this comment.
Provavelmente a maioria dos conteúdos compartilhados em redes sociais são "root", então compensa verificar se existe parent_id antes de fazer essa consulta.
| width: 1200, | ||
| height: 630, |
There was a problem hiding this comment.
Se não me engano, existem dimensões que funcionam melhor do que outras em algumas redes, mas não sei quais são os valores. A mudança leva isso em consideração? Eu também não sei se os valores anteriores consideravam o que era melhor para alguma rede específica.
Obs. Sei que a Vercel recomenda usar 1200x630, mas será legal se der para saber o motivo.
There was a problem hiding this comment.
Procurei um pouco a respeito disso e não achei muita informação, o único consenso foi a proporção da imagem ser 1.91:1.
Esse novo valor (1200x630) é aparentemente o mínimo recomendado por todos os sites que busquei, acho que faz sentido utilizar o valor mínimo porque o conteúdo ainda é exibido sem nenhum problema e a imagem é mais "leve".
Na estrutura atual não é possível utilizar a lib
Estive pensando um pouco e acho que seria possível utilizar o Edge Runtime se a gente passasse todas a informações necessárias pela url. Seria um mudança na estrutura das thumbnails, não se isso traria mais vantagens ou desvantagens, mas posso investigar isso um pouco mais a fundo se for o caso.
Sim
Além de resolver o problema com as thumbnails, acho que todo código é muito mais simples e fácil de manter. Não identifiquei nenhuma desvantagem além da adição de mais uma lib.
Beleza! |
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
Show @ErickCReis, já está em produção! 🚀 E problema antigo resolvido.
Muito obrigado por mais essa contribuição! 💪 |
|
Muuuito massa turma!!! 🎉 🎉 🎉 E em alguns casos deu para perceber um grande benefício em como as palavras se encaixam melhor 🤝 🤝 🤝 
|
|
Agora que percebi que no Antes/Depois que eu coloquei o "antes" era um link para a thumbinal e não um print, então após revalidação do cache acabou ficando igual ao novo 😅 Mas relembrando o problema, essa thumb ficava com o título sobreposto ao logo do TabNews |
kkkk massa!!!! |
|
@ErickCReis você foi citado no post comemorativo: https://www.tabnews.com.br/FelipeBarso/tabnews-novo-ranqueamento-otimizacoes-e-mais 🎉 |
Resolve #782
Continua implementação do PR #818