voltar

Portfólio


Lançamento2022
AtribuiçõesFront-end, Designer,
TecnologiasNext 13, React, Typescript, GraphQL, Hygraph, TailwindCSS, Framer Motion,

Meu portfólio foi construído com foco em performance e praticidade. Utilizando tecnologias de última geração é possível criar e editar conteúdo sem a necessidade de fazer alterações no código.

Visitar o site

O Projeto

A necessidade nasceu quando precisei mostrar tudo que eu posso fazer de inovador e ao mesmo tempo mostrar as coisas que ja construi visando uma praticidade para coisas que vou construir no futuro, ou seja, cada projeto que eu fosse me envolver no futuro eu ia poder falar sobre ele como se tivesse fazendo um simples post numa rede social.

Plataforma Hygraph.png

Desafio

O maior desafio desse projeto foi lidar com muitas tecnologias novas, como:

  1. GraphQL para requisições dos conteudos.
  2. Hygraph (CMS Online), para gerir o conteudo dinamicamente.
  3. Nova versão do framework Next.js da qual teve mudanças significativas, então tive que acompanhar quase que diariamente o repositório oficial para ver mudanças, bugs e diferentes soluções que veio com a nova versão.
  4. Animações com Framer Motion.
  5. Design do zero, pesquisei bastante sobre branding pessoal e profissional, e também muita referência.
    graphql_example.png

Desenvolvido

  1. Aplicação completamente server-side, nenhuma requisição é mostrada na aba network do navegador, garantindo segurança.
  2. Cache global e reutilização de dados para requisições diferentes, otimizando tanto em velocidade como em quantidade de requisições. Assim evito que meu plano gratuito no Hygraph vire um pesadelo
  3. Performance, a aplicação é práticamente instantânea mesmo com requisições, animações e imagens. E o melhor, sem spinners para todo lado.
  4. Mobile First
  5. Modo light e dark
  6. Quase 100% do conteúdo do site é dinamico.
  7. Isso inclui um SEO dinâmico, além do conteudo criei um esquema de SEO da qual cada projeto descrito no portfólio tem seu próprio SEO e que funciona perfeitamente para indexação dos mecanismo de busca.
    lighthouse portfolio.png

Desfecho e Melhorias Futuras

Embora esteja focando em outros projetos e construindo conteúdo, já planejo algumas melhorias para este portfólio, incluindo internacionalização, melhorar a legibilidade do tema claro e a possibilidade de usar toda a aplicação pelo teclado.

Última atualização: 6/18/2023