
Já fazia um bom tempo que eu vinha com a ideia de criar um blog na cabeça, e quanto mais o tempo passava, mais eu sentia essa coceirinha atrás da orelha, como se alguma coisa estivesse me dizendo pra fazer isso logo, porém, o momento de realização foi após ler o livro **Mostre seu Trabalho** do Austin Kleon, que também é autor do livro **Roube como um Artista**, que mudou completamente minha vida.

> “Give what you have. To someone, it may be better than you dare to think.” —Henry Wadsworth Longfellow

Com o pensamento no lugar certo, decidi que era a hora de começar. E nada melhor para quem é desenvolvedor, do que começar um projeto novo usando tecnologias novas, e dessa vez não foi diferente. Já fazia algum tempo que eu queria me aprofundar em Next JS, pois além de ser SEO Friendly, suas capacidades de Server Side Rendering e Static Site Generator eram super interessantes e eu enxergava muito potencial, e aqui vai um spoiler, acho que nunca mais vou usar o create-react-app depois dessa experiência! Mas vem comigo que essa aventura só começou.

## O Design

Antes de começar a desenvolver o blog. Eu coletei uma série de inspirações e referências pro design, e defini algumas coisas que eram necessárias, e outras features que eu gostaria que existissem.

Me inspirei em muitos outros blogs e sites, alguns exemplos seriam o blog do **[Felipe Fialho](https://www.felipefialho.com), [James Stuber](https://jamesstuber.com) e [Ali Abdaal](https://aliabdaal.com).** Mas além desses, muitos outros entram nessa lista de alguma forma. e aqui vai uma breve menção a alguns outros.

![Website Moodboard](/static/assets/images/content/000001-website-moodboard.png)

Depois de toda essa pesquisa de referências, eu defini alguns requisitos. O blog deveria, necessariamente ser extremamente legível, As cores deveriam ser acessíveis, ou seja, deveriam seguir o padrão AA de contraste. Ter tanto Light quanto Dark mode. Ter uma UX ótima no mobile afinal, hoje em dia a maioria das pessoas usa o celular pra tudo. Feito isso, era hora de definir a stack.

## A Stack

Testar tecnologias em um projeto é ótimo, entretanto, testar tecnologias demais pode acabar emperrando o andamento de um projeto, mantendo isso em mente, misturei tecnologias que eu já dominava junto ao Next, adicionando apenas alguns novos desafios para tornar o processo interessante, a stack ficou assim:

- Next JS
- Typescript
- Styled Components
- Styled Icons
- Framer Motion
- Algolia

## Por que escolhi essa stack?

O principal elemento com certeza é o Next JS, um framework de react que eu queria muito me aprofundar pelas capacidades de SSR, SSG e SEO *(O mundo dos programadores e suas siglas, não é mesmo?)*. Um dos meus requisitos para o site era a capacidade de ser indexado por buscadores em geral, e não somente o google, e pra isso eu iria usar e abusar do meu background em Search Engines Optimization.

Typescript foi escolhido por que sinceramente eu amo essa tecnologia e acredito que a tipagem agrega muito ao javascript, e que jamais, agarra ou atrasa o desenvolvimento, principalmente a longo prazo. E junto a isso, pra agregar ainda mais na experiência de desenvolvimento, usei Styled Components que também é uma outra tecnologia que eu amo. Mas dois grandes destaques que eu gostaria de entrar um pouco mais a fundo em detalhes são as bibliotecas **Framer Motion** e **Algolia**

## Framer Motion

Sendo franco, eu desconhecia essa tecnologia até pouco antes de decidir renovar meu site, mas como um ser apaixonado por animações e micro interações, não consegui resistir em não utilizar. O framer motion é uma biblioteca de animações pra react, que facilita de maneira surreal a criação de animações complexas, e até animações simples. Como por exemplo scroll spy, hovering animations, entre infinitas outras possibilidades que eu planejo tocar em um artigo futuro!

## Algolia

Algolia é plataforma que implementa buscas em websites e que é utilizada por muitas empresas e aplicações gigantes. Ela aplica busca semântica e tem uma grande feature chamada Instant Search, que me comprou instantaneamente. Facilmente integrada com react, ela aplica de maneira incrivel e simples buscas baseadas em índices. A parte boa disso tudo é que é totalmente gratuito pra projetos pessoais!

Juntando todas essas tecnologias eu fui capaz de fazer meu blog inteiro escrito em markdown, que eu sempre achei maravilhoso, e que permitiu excluir completamente a necessidade de um banco de dados ou servidor. E engatando nisso, eu gostaria de brevemente te dizer a razão pela qual eu acredito que você também deveria criar um blog pessoal. (Isso vale mesmo se você não for dev!).

## Por que criar um blog.

Todos nós fazemos inúmeras coisas ao decorrer de nossos dias, coisas interessantes e coisas nem tão interessantes assim, ao menos, pra você, essas coisas podem parecer pouco, e as vezes até muito desinteressantes, mas, e se eu te disser que pra alguma pessoa no mundo, a atividade chata que você fez hoje pela manhã poderia ser incrível e inspiradora? E se eu te dissesse que, na verdade, pra várias pessoas isso vai ser inspirador, mesmo sendo uma tarefa cotidiana que todos estejam acostumados, o seu jeito de realizar essa tarefa pode ser revolucionário pra alguém, e acredite em mim, vai ser, então por que não compartilhar isso com o mundo?

Muitas vezes pensamos que nosso trabalho ou o que fazemos diariamente é desinteressante e chato, ou que nosso trabalho não é atraente, ou que não somos criativos o suficiente e até mesmo que não temos nada a mostrar, mas isso não é uma realidade, e você vai perceber isso antes mesmo de se dar conta. Eu quero falar mais dessas minhas motivações a criar esse blog, e como livros, artigos e pessoas influenciaram de maneira surreal essa minha decisão em um futuro próximo.

Por fim, agradeço por você ter chegado até aqui. Sua presença é muito apreciada e significa muito pra mim, e eu ficaria honrado em conversar com você, então vem me dar um oi no [twitter](https://twitter.com/wllfaria_) ou [instagram](https://instagram.com/wllfaria), e eu quero te ver de novo semana que vem!


Por que eu, voce, e todas as pessoas deveriam ter seu próprio blog.