Projeto para cliente · Landing page de vendas
StartCrypto
Site de vendas de um curso introdutório de criptomoedas, desenvolvido para o fundador com Next.js e TypeScript, com cotações de mercado em tempo real para tornar o conteúdo concreto.
- Período
- 2025
- Papel
- Desenvolvimento freelance
Contexto
O fundador do curso precisava de uma página que explicasse o curso com clareza e levasse o visitante à inscrição. Mostrar preços reais de mercado, em vez de números estáticos, torna o assunto palpável para iniciantes.
Abordagem
Dados de terceiros atrás de um Route Handler
Um Route Handler do Next.js (/api/crypto) consulta o endpoint de mercado da CoinGecko no servidor e devolve o resultado para a página, mantendo a chamada externa fora do navegador.
Uma única fonte de dados de mercado
Um context React tipado busca as cotações, expõe o estado de carregamento e atualiza os dados a cada 60 segundos; os cards de cotação consomem tudo por um hook.
Formatação e estados
Os preços são formatados com Intl.NumberFormat, e a variação de 24 horas define o indicador de tendência de cada moeda.
Páginas focadas em conversão
Landing page responsiva com depoimentos (Swiper), animações com Framer Motion e metadados de SEO, além de uma página de vendas em vídeo com contagem regressiva e link de checkout.
Resultado
“De primeira ele acertou e entregou o site sem precisar fazer alteração. Foi exatamente da forma q eu precisava e queria!”
Stack
- Next.js
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- Swiper
- CoinGecko API
