Fiz 4 calculadoras financeiras grátis em React, pré-renderizadas para SEO. Feedback?
Tenho um app de finanças pessoais (ControlAÍ) e, para atrair tráfego orgânico, fiz quatro calculadoras gratuitas, sem cadastro e sem anúncio:
- Juros compostos, com evolução ano a ano e separação entre aporte e juros: https://controlaiapp.com.br/calculadoras/juros-compostos
- Reserva de emergência: https://controlaiapp.com.br/calculadoras/reserva-de-emergencia
- Quitação de dívidas, comparando bola de neve e avalanche: https://controlaiapp.com.br/calculadoras/quitacao-de-dividas
- Regra 50/30/20: https://controlaiapp.com.br/calculadoras/50-30-20
A parte técnica que talvez interesse a alguém aqui:
- O app é uma SPA em React + Vite. Para o Google não receber um HTML vazio nas calculadoras e no blog, o build roda um segundo
vite build --ssrcom um entry só dessas rotas e um script Node renderiza cada uma comreact-dom/serverparadist/<rota>/index.html, reaproveitando os assets com hash dodist/index.html. - No
vercel.json, as rotas estáticas são reescritas antes do catch-all da SPA. Slug inexistente cai no 404 real da Vercel, em vez de soft 404. - O blog são arquivos Markdown lidos com
import.meta.globem build time. Post com data futura fica fora do build, e um GitHub Actions com cron chama um Deploy Hook da Vercel toda terça. Assim dá para escrever quatro posts de uma vez e cada um entra no ar na semana certa sem push.
O que eu queria de feedback:
- Nas calculadoras: algum resultado que pareça errado ou alguma premissa que vocês fariam diferente?
- Na abordagem de pré-render: alguém já bateu em algum problema com essa combinação de SPA + páginas estáticas no mesmo domínio, principalmente com hidratação?
Obrigado a quem testar.