Esse é o meu novo site, mais rápido e moderno. O meu antigo site era desenvolvido em wordpress que também pode ser encontrado aqui. O meu novo site foi desenvolvido em React/NextJS 13.4 com intuito em divulgar o meu conhecimento em ReactJS e NextJS.
Essa é a primeira versão do site, ainda quero fazer algumas modificações nas seções do site e desenvolver o meu próprio blog, pois ainda está puxando informações do meu blog desenvolvido em wordpress.
Disclaimer: Este site existe alguns bugs para ser resolvido. O principal deles é um erro que está ocorrendo no navegador Safari que em breve irei corrigir esse bug. Vou atualizar o meu site para versão mais atual do NextJS e já corrigindo os principais bugs que encontrei até agora, aguarde a minha nova versão em breve!
- Esse layout está sendo utilizando atualmente em meu site https://manfron.com
- Na estilização do site foi utilizado o tailwindcss;
- No Header foi desenvolvido um tema Claro e Escuro com o next-themes;
- Nos links internos foi utilizado o react-scroll;
- Para Media queries foi utilizado o react-responsive;
- Os ícones do site foi utilizado o react-icons;
- Em cada seção tem uma animação utilizando o framer-motion;
- O avatar foi desenvolvido com IA utilizando o midjourney;
- No Hero, abaixo do meu avatar foram utilizados o react-three e o tsparticles;
- Na seção Habilidades foi criado um componente personalizado chamado 'progressBar' com algumas funções de cores e progressão do conhecimento;
- Na seção Projetos são listados alguns trabalhos realizados. Nesta seção ainda quero fazer alguns ajustes no layout.;
- Na seção Blog está puxando as três últimas postagens e essas informações estão sendo pegas diretamente do meu blog em wordpress e, no futuro que desenvolver o meu próprio blog em ReactJS/NextJS;
- Na seção Contato foi utilizado no formulário o react-hook-form e o zod para validação dos campos;
- Para o envio da mensagem foi utilizado o emailjs;
- Para o mapa de localização onde moro foi utilizado o react-simple-maps;
- E no Footer está puxando as últimas seis postagens do meu blog e os links para contato.
- Essas foram algumas bibliotecas/frameworks utilizadas no projeto. Para saber todos que foram utilizados no projeto, por gentileza, verifique o arquivo 'package.json'.