Walace Cordeiro - Desafio

[walacecordeiro]

OBS: Esqueci um console.log aberto durante os testes finais e caso abra a DevTool não se assuste, não me julgue! kkkk quem nunca?!

Overview das principais tecnologias usadas no projeto

• NextJS 15.4.4: Com App Router para rotas dinâmicas e otimização avançada com o Turbopack para construção rápida. Pensado na performance e escalabilidade.

• SEO com Metadados e Open Graph: Usei ferramentas do NextJS que me permitem trabalhar no SEO tanto estático como dinâmico.

  • Personalizei o Open Graph para compartilhamento do link nas redes sociais, o que leva a marca da Apiki no compartilhamento.
  • Realizo essa parte usando algumas extensões do Chrome, isso me permite ao mesmo tempo analizar a performance.

• TailwindCSS (v4): Optei por ele por que imaginei que o consumo da API do WordPress em algum momento retornaria HTML completo nas respostas, isso me permitiu estilizar o conteúdo interno dos posts facilmente.

  • TailwindCSS junto com PostCSS para processamento CSS.
  • Design pensado em sites de documentações de tecnologias para desenvolvedores de software.

• Next-themes: Biblioteca para gerenciamento dinâmico de temas claro e escuro (dark mode), com suporte à persistência e detecção do tema do sistema de preferência do usuário.

  • Escolhi Next-themes que vem do ShadcnUI que fornece interatividade também em alguns outros pontos.

• lucide-react: Biblioteca leve de ícones SVG escaláveis.

Deploy feito na minha querida Netlify:
https://apikiblog.netlify.app/