Portfolio (v2.0)

Capa do Projeto

Descrição do Projeto


Este site foi pensado para ser feito com um design mais moderno do que a versão anterior do meu portfólio, e também foi desenvolvido para que eu pudesse aprender mais sobre React, Next, webdesign, animações css, entre outros assuntos envolvendo o FrontEnd. Aqui, foram utilizados recursos como o Nprogress para ilustrar o carregamento entre as páginas, o React-Scroll para realizar scrolls suaves ao clicar na barra de navegação, entre outros detalhes que melhoram a experiência do usuário. Como banco de dados para armazenar as informações dos meus projetos, utilizei o MongoDB, pegando as informações através do método getStaticProps do Next.js, e gerando as páginas individuais usando o getStaticPaths em conjunto, pois assim o carregamento das páginas se torna praticamente instantâneo, sem a necessidade de fazer requisições ao banco de dados toda vez que as páginas são acessadas.

Tecnologias Utilizadas


  • React
  • Next.js
  • Typescript
  • MongoDB
  • Sass

Links: