lmiguelm_

  • Home
  • Sobre
  • Projetos

Portfólio

Segundo portfólio, desenvolvido utilizando Next 13.

Acessar
Github

Segunda versão do meu portfólio, o site conta com todos os meus projetos desenvolvidos, todas minhas skills e tudo sobre mim, através de uma linha do tempo.

Agora desenvolvido utilizando Next.js na versão 13, usufruindo de quase todos seus benefícios, que por sinal são muitos, um deles, por exemplo, é a possibilidade de criar Server Components, que são componentes renderizados diretamente no servidor (Node.js), ocasionando a diminuição de código JavaScript enviado para os navegadores.

Para a geração do conteúdo do site, utilizei o Prismic, um Headless CMS (Content Management System) que fornece uma ótima integração com o Next.

A estilização ficou por conta do TailwindCSS junto com o Shadcn, biblioteca de UI que estiliza componentes criados pelo Radix, ou seja, combina estilização com acessibilidade. Um ponto legal dessa biblioteca é que ela utiliza uma convenção chamada de “Design by copy and paste”, onde você “copia” cada componente pronto para dentro do seu código através de linha de comando, com isso os componentes ficam visíveis para você modificar e personalizar como quiser.

Todas as tecnologias que utilizei:

  • Next.js
  • Prismic
  • Framer Motion
  • TailwindCSS
  • Shadcn

📸 Imagens

📽️ Vídeo demonstrativo

🔗 Tags

NextFront EndReactCms

Portfólio de Luis Miguel © 2024

•

Publicado com Prismic