$ cat ~/estudos/trilhas/web.yaml
Front-end para negócios pequenos
Sites rápidos, bonitos no celular e fáceis de manter — sem mensalidade de hospedagem.
objetivo: Um processo repetível do primeiro contato ao site no ar, com qualidade de produto.
Etapas
-
React, Vite e Tailwind feito
A base dos sites de clientes e do zeno.dev.br.
-
Animação com Framer Motion feito
-
Deploy no Cloudflare com domínio .com.br feito
Roteiro completo no primeiro post da série "Do zero ao ar".
-
Prévia de link e SEO de SPA feito
-
Astro para sites de conteúdo estudando
Este blog é o laboratório.
-
Acessibilidade de verdade — leitor de tela, teclado e contraste próximo
-
SEO local — Perfil da Empresa no Google e Search Console próximo
Posts
- Cormorant Garamond e o circunflexo fora do lugar
Uma fonte linda no Google Fonts que entorta o "ê" e o "ô" em títulos grandes — e como testar acento antes de escolher fonte.
- O menu fixo que ficou preso no cabeçalho
backdrop-filter, filter e transform viram a referência dos filhos com position fixed. O menu de tela cheia virou uma faixa de 64px.
- Do registro.br à Cloudflare: site estático sem mensalidade
O roteiro que uso em todo site de cliente — domínio, DNS, Worker de assets e o que conferir antes de divulgar.
- SPA, WhatsApp e a prévia de link que não aparece
Crawler de link não roda JavaScript. Como gerar um HTML por rota no build do Vite e fazer a foto certa aparecer.
- Por que o wa.me fecha a aba no computador
O botão de WhatsApp que funciona no celular e some no desktop — e o link que resolve.
Leituras
- lendo
- Refactoring UIquero ler
Adam Wathan e Steve Schoger
- quero ler
Na fila
- ○ Domínio novo não abre só para você? É cache de DNS
- ○ Imagens de prévia de link geradas com o Chrome que já está instalado
- ○ SEO local — por que o Perfil da Empresa no Google vale mais que o site