My website

[Esse artigo foi traduzido pelo gpt]

#Sumário

#Introdução

Oi, leitor. Primeiro, eu quero agradecer você por estar aqui. Segundo, eu preciso agradecer ao PuruVJ, ao Matt Fantinel e ao Zeno Rocha, que me inspiram (e principalmente, me ajudam) neste site.

Ah, e deixa eu dizer que este não é meu primeiro site pessoal. Provavelmente é o terceiro ou quarto. Você pode ver o último aqui, mas não julgue. Eu fiz com React (enquanto eu estava aprendendo) e p5.js. Este, por outro lado, foi feito com SvelteKit e Tailwind CSS. Eu até tentei com NuxtJS, inclusive eu fiz, mas decidi migrar para Svelte porque é mais rápido, mais fácil e é uma skill nova para eu aprender!

#As cores 🎨

Bom, verde é minha cor favorita, então eu coloquei ela como a principal aqui. Claro que não é tão simples assim. Eu procuro o melhor verde do mundo há eras, então, se você não consegue decidir uma cor, eu juro: é completamente compreensível.

No começo, eu fazia todos os sites com tema escuro. Mas a gente sabe que existe gente que não gosta, então eu fiz um tema branco. E, só pela brincadeira, um tema “coffee”.

#O layout 📐

Quando eu tinha 14~16 anos, eu descobri que eu gostava muito de Photoshop, e eu tentei ser designer. Mas quando as coisas começaram a ficar mais difíceis e eu vi alguns designs realmente profissionais, eu só aceitei que eu não iria tão longe nisso e, sendo honesto comigo mesmo, eu nem queria. Sim, história triste.

Mas eu achei algo ainda melhor do que design: fazer o design acontecer! Eu acredito que meu “background de designer” me trouxe algumas habilidades gráficas para desenvolvimento web e ajudou a aumentar meu gosto por frontend. Então, tudo que eu tento fazer, eu tento fazer bonito. Pelo menos não feio, vamos combinar.

Ok, sem mais lero-lero: vamos direto ao ponto. Eu notei uma coisa quando eu estava olhando o site do Zeno. Se você vai fazer um site baseado em conteúdo por seções, é melhor centralizar o conteúdo na página e fazer uma página para cada seção. Eu digo isso porque eu não fiz assim e também não gostei do resultado. Parece que os conteúdos ficam muito “sozinhos” ou muito colados. Então, se o site vai ter menos conteúdo, eu acho melhor deixar ele mais apresentável e gostoso de navegar. Caso contrário, um layout simples que deixe o conteúdo mais leve de ler fica melhor.

Sobre o blog, eu deixei o layout o mais limpo possível, inspirado pelo write.as.

#O blog 🗒️

Definitivamente a parte mais difícil. Eu tive que usar coisas que eu nunca tinha usado e ainda não acabou. Eu basicamente misturei o blog do PuruVJ com o do Matt Fantinel. O PuruVJ fez TUDO sozinho (sério, eu não duvido que ele considerou fazer o próprio Svelte, dá uma olhada). E o Matt, meu camarada brasileiro, usa mdsvex. Engraçado, porque eu decidi usar também 🤔, alguns segundos depois de ver o site dele — que coincidência!

#Fontes

• How I created my personal site - PuruVJ
• How I built a blog with Svelte and SvelteKit - Matt Fantinel

---