Tecnologias Usadas: Desenvolvi meu portfólio com Next.js e TypeScript, garantindo um desenvolvimento eficiente e escalável. Essas tecnologias proporcionaram uma base sólida, permitindo criar uma experiência de navegação otimizada. TailwindCSS foi a escolha para o design responsivo, proporcionando flexibilidade e agilidade no desenvolvimento, com classes utilitárias para estilizar rapidamente.

Para interatividade e animações, utilizei bibliotecas como Swiper (para sliders), React Icons (para ícones interativos) e Framer Motion (para animações fluidas), que deram um toque moderno e dinâmico ao layout.

O Que Aprendi:

Next.js e TypeScript: O Next.js permitiu que eu utilizasse Client-Side Rendering (CSR), proporcionando uma navegação interativa e dinâmica no lado do cliente. Com a integração de TypeScript, consegui adicionar robustez e segurança ao meu código, resolvendo erros de tipagem e aprimorando a estrutura do projeto.

TailwindCSS: Com o TailwindCSS, aprendi a criar designs responsivos e otimizados para diferentes dispositivos, além de reutilizar componentes para garantir consistência no layout e performance.
Integração de animações: A biblioteca Framer Motion me ajudou a adicionar animações suaves, tornando a navegação do portfólio mais atraente e interativa. O uso de React Icons também proporcionou uma experiência visual mais rica.
SEO e Performance: Implementei práticas de otimização como lazy loading e image preloading para garantir uma boa performance, essencial para o SEO e para o carregamento rápido do site.

Conclusão: Esse projeto foi um grande aprendizado. Trabalhar com Next.js, TypeScript e TailwindCSS me permitiu não só melhorar minhas habilidades técnicas, mas também me ensinou a importância de ferramentas modernas para otimizar a experiência do usuário. Cada linha de código contribuiu para minha evolução como desenvolvedor, e o portfólio segue em constante melhoria.