Como falei no post anterior sobre o meu site, penso que fiquei devendo a história de como criei ele, minha própria versão do linktr.ee, então aqui vai:
Era um domingo 9 de outubro de 2022, e eu estava olhando minhas redes sociais para verificar o que poderia ser atualizado, quando me dei conta que o meu “link in bio”, que estava usando linktr.ee naquele momento, tinham algumas coisas que podiam melhorar.
Quando acessei a plataforma, fiquei chateado que uma parte das personalizações só podiam ser feitas caso eu possuísse o plano pago da plataforma. Isso é justo, já que você não sabe fazer, contrata uma plataforma de “faça você mesmo”. Mas eu não tinha motivos para pagar o linktr.ee visto que tenho conhecimento suficiente para criar uma página iguala aquela quiçá melhor.
E assim segui em frente. Baseado no design que eu já usava na plataforma, fiz uma primeira versão usando como tecnologias o Vite com React.JS e Tailwind CSS. E no dia seguinte já fiz algumas modificações nas cores do site. Segue o fio:
Foi algo bem simples. Eu já conhecia as tecnologias que utilizei. Depois foi só fazer o deploy na Vercel e apontar o domínio felipelima.net que eu já tinha para lá. E pronto, tudo certo.
Destruição e criação da versão 2
Depois de alguns dias, abandonei totalmente o repositório onde criei a primeira versão do site. Mudei o framework web de Vite para Next.JS que já possui uma integração melhor com a Vercel. Em seguida editei o simples botão que trazia para o blog, e fiz o site comunicar com a API do WordPress para apresentar uma lista de postagens ali mesmo na junto com os links. Para não ficar tudo misturado no início, usei o Headless UI, criado também pela equipe do Tailwind para fazer um Disclosure: um botão que abre e fecha uma seção.
E mais, adicionei suporte ao Google Analytics usando a lib react gtm module, para eu verificar os visitantes do site, feature que era paga no linktr.ee.
Depois de tudo isso, atualizei todos os meus perfis onde aparecia o linktr.ee para o meu domínio e pronto, minha própria lista de links estava feita, com a personalização que eu queria, tracking de visitantes e listagem das postagens do blog.
Repositório no Github: mrfelipelima/mrfelipelima-links (github.com)
Aprendizados e pontos de melhoria
- Entender como tratar os dados vindos de uma API externa que estão misturados texto com HTML e códigos de caracteres unicode…
- Revisar as tags de ações no Google Tag Manager, para capturar com mais detalhes as interações dos usuários;
- O SEO está bom, mas também pode ser melhorado;
- Revisitei meus repositórios de código várias vezes para sanar dúvidas de código e configurações aplicadas em projetos anteriores;
- Criar um read-me trabalhado para o projeto do Github e adicionar no perfil;
- Refinar o design da página.