APRENDIZADO & COGNIÇÃO
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…
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.
Pontos-chave
- 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-compostosReserva de emergência: https://controlaiapp.com.br/calculadoras/reserva-de-emergenciaQuitação de dívidas, comparando…
- Para o Google não receber um HTML vazio nas calculadoras e no blog, o build roda um segundo vite build –ssr com um entry só dessas rotas e um script Node renderiza cada uma com react-dom/server para dist/<rota>/index.html, reaproveitando os…
- Slug inexistente cai no 404 real da Vercel, em vez de soft 404.O blog são arquivos Markdown lidos com import.meta.glob em 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.
Síntese
Em síntese, “Fiz 4 calculadoras financeiras grátis em React, pré-renderizadas para SEO. Feedback?” reúne os seguintes desdobramentos: 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.
Leia também
Perguntas frequentes
Respostas institucionais sobre esta cobertura, fontes e limites editoriais.
- Sobre o que trata “Fiz 4 calculadoras financeiras grátis em React, pré-renderizadas para SEO.…”?
- 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-compostosReserva de emergência:…
- O que a matéria explica sobre “Pontos-chave”?
- 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-compostosReserva de emergência: https://controlaiapp.com.br/calculadoras/reserva-de-emergenciaQuitação de dívidas, comparando…Para o Google…
- O que a matéria explica sobre “Síntese”?
- Em síntese, “Fiz 4 calculadoras financeiras grátis em React, pré-renderizadas para SEO. Feedback?” reúne os seguintes desdobramentos: 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…
- Quem edita o conteúdo do Estrato Mente?
- A cobertura é produzida e revisada pela equipe editorial do Estrato Mente, com editor-chefe responsável pela linha editorial. Conheça a redação em https://mente.estrato.cc/equipe/.
- Quais fontes o Estrato prioriza?
- Priorizamos fontes primárias (órgãos oficiais, balanços, estudos revisados, documentos públicos) e cruzamos informações antes da publicação, conforme a política editorial.
- Como solicitar correção de uma matéria?
- Envie o pedido pela página de Correções (https://mente.estrato.cc/correcoes/) ou Contato (https://mente.estrato.cc/contato/). Erros materiais são corrigidos com registro da atualização.
- O conteúdo constitui aconselhamento profissional?
- Não. As matérias têm caráter informativo e jornalístico. Decisões financeiras, de saúde, jurídicas ou educacionais devem considerar profissionais habilitados e a sua situação particular.
- Onde acompanhar a política editorial do Estrato Mente?
- Metodologia, ética e transparência estão em https://mente.estrato.cc/metodologia/, https://mente.estrato.cc/etica-editorial/ e https://mente.estrato.cc/politica-editorial/.
[…] Fiz 4 calculadoras financeiras grátis em React, pré-renderizadas para SEO. Feedback? […]