# Marcio Toledo > Problem Solver, Designer, Desenvolvedor e Estrategista Digital. Web Designer, Desenvolvedor Web, Especialista SEO, Marketing Digital, Automações e Shopify Expert em Itatiba, SP. Região de Campinas e Jundiaí. --- # Trailing slash no Astro com Cloudflare Pages: always, never e por que vou migrar pro never+file URL: https://marciotoledo.com/blog/trailing-slash-astro-cloudflare-pages Comecei esse site com `trailingSlash: 'never'`, achando que era a escolha mais moderna (URLs limpas, tipo `/blog/post`, sem barra no fim). Funcionava bem em dev. Em produção no Cloudflare Pages, o Screaming Frog começou a apontar uma cadeia de redirecionamentos 308 que eu não tinha pedido pra ninguém, e o Search Console reclamou de "Page indexing affected". A primeira reação foi voltar pra `always`: barra em todo lugar, configuração documentada como "default seguro pra Cloudflare", problema do 308 resolvido. Funcionou. Depois, conversando sobre o post, caiu a ficha: existe uma terceira combinação (`never + file`) que também resolve o 308 e mantém a URL sem barra, sem deixar `.html` aparecendo em lugar nenhum. Esse era exatamente o cenário que eu queria desde o começo, só não tinha conectado os pontos. ## O que é trailing slash, rapidamente Trailing slash é a barra no fim da URL. `marciotoledo.com/blog/` tem, `marciotoledo.com/blog` não tem. Pra Google, na raiz do domínio dá no mesmo, mas em qualquer outra rota são URLs distintas. Se as duas respondem 200, vira conteúdo duplicado. ## Onde o Cloudflare Pages estraga a festa O Cloudflare Pages tem um comportamento documentado e não desligável: quando alguém acessa `/blog`, ele procura `/blog.html`. Se não acha mas encontra `/blog/index.html`, ele redireciona com 308 permanente pra `/blog/`. A documentação do Astro reconhece isso: "Trailing slashes on prerendered pages are handled by the hosting platform, and may not respect your chosen configuration." ## As três opções no Astro - `trailingSlash: 'always'` + `format: 'directory'`: URL `/blog/`, sem redirect no Cloudflare. Caminho natural. - `trailingSlash: 'never'` + `format: 'directory'`: redireciona para `/blog/` com 308. Quebra no Cloudflare. - `trailingSlash: 'never'` + `format: 'file'`: URL `/blog`, Cloudflare acha o `.html` direto. Funciona. ## Por que vou migrar pro `never + file` Preferencia estética: prefiro `/blog/post` sobre `/blog/post/`. URL sem barra é o que Vercel, Netlify e Next.js entregam por default. Alem disso, elimina a classe de erro do "esqueci a barra no link interno". Não é que `never + file` seja tecnicamente superior a `always + directory`. Em SEO, o Google trata as duas como equivalentes. É preferência estética e redução de uma classe de erro chata. ## Resumo No Cloudflare Pages, evite `trailingSlash: 'never'` com o `format: 'directory'` default. Sobram duas saídas igualmente válidas: `always + directory` (URLs com barra) ou `never + file` (URLs sem barra). Para Vercel ou Netlify, `never` funciona normalmente com o default `directory`. --- # Claude Code ou Crack Code? URL: https://marciotoledo.com/blog/claude-code-ou-crack-code Esses dias estourei o limite de uso do Claude Code três vezes seguidas em poucos dias. Três. Não foi acidente, foi padrão. Acabei subindo para o plano Max de ~R$ 550 reais por mês. ## A promessa que se cumpriu (e virou problema) A narrativa toda da IA pra desenvolvedor é mais ou menos essa: "você vai ser 10x mais produtivo, vai ter mais tempo livre, vai conseguir terminar o trabalho às 17h e ir viver sua vida". Bonito. E é verdade, em parte. A IA realmente faz as coisas mais rápido. Tarefa que levava um dia, leva uma hora. Refatoração que tomava uma tarde inteira, sai em quinze minutos. Funciona. O problema não é a ferramenta. É o que a gente faz com o tempo que sobra. ## O paradoxo do workaholic com superpoder Existem duas categorias de pessoa que recebem uma ferramenta dessas: 1. Quem trabalha pra viver: termina mais cedo, fecha o laptop, vai descansar. 2. Quem vive pra trabalhar: vê o tempo que sobrou como espaço pra fazer mais. A IA não me deu mais tempo livre. Me deu capacidade de aceitar mais projetos, abrir mais frentes, prototipar mais ideias. O dia continua tendo 24 horas, mas agora cabe muito mais coisa dentro dele. ## A conta que ninguém faz A gente fala muito do ROI da IA em horas economizadas. Quase ninguém fala do custo invisível: a tentação constante de preencher cada minuto economizado com mais output. É o mesmo padrão das redes sociais, do delivery, do streaming. Tecnologia que promete liberdade e entrega dependência. Você ganha 5 horas e ocupa 6. ## O ajuste que eu tô tentando fazer - Definir o tamanho do dia antes de começar, não no fim. - Não confundir capacidade com obrigação. Conseguir fazer mais não significa que eu preciso fazer mais. - Lembrar que ninguém vai me dar prêmio por estourar o plano Max. ## Conclusão A IA é incrível. Claude Code mudou meu fluxo de trabalho. Mas se você é do tipo que gosta demais do que faz e tem tendência a se enfiar no trabalho, fica o aviso: a ferramenta vai amplificar quem você já é. Se você é equilibrado, vai ganhar tempo. Se você é workaholic, vai virar Crack Code mesmo. --- # Como criei a marca da Selva.run, do briefing por IA até a versão final URL: https://marciotoledo.com/blog/processo-criacao-marca-selva-run Meu amigo Túlio Faria tava desenvolvendo o Selva.run, um SaaS dele, e me mandou umas ideias de identidade visual que ele tinha gerado conversando com o Claude. Queria saber o que eu achava antes de seguir. Quando olhei, vi que o start era promissor. Tinha direção: a ideia de selva como metáfora de ambiente vivo, denso, mas com um produto que é tecnológico por dentro. O conceito tava lá, faltava a execução. Tinha potencial pra virar uma marca forte, precisava de lapidação. ## O processo, etapa por etapa 1. Primeiros rascunhos explorando formas circulares 2. Versão light em fundo claro 3. Formas retangulares com elementos orgânicos 4. Folha geométrica, referência indígena, formato de flecha 5. Marca aplicada e refino tipográfico 6. Versão light final e paleta de cores ## A marca final Chegamos numa marca orgânica que lembra selva, mas que é tecnológica por construção. As linhas têm fluidez, as proporções respeitam grid, a tipografia equilibra leitura com personalidade. Funciona em mono e colorida, em escala pequena (favicon) e grande (header). ## O que eu aprendi (de novo) nesse processo A IA é uma ótima parceira de início. Ela ajuda a destravar, dá direção, materializa um briefing que tava só na cabeça do cliente. Mas ela não fecha. Marca boa nasce do refinamento humano em cima do start, da decisão de descartar 80% das ideias pra perseguir os 20% que têm densidade real. O que o Claude entregou pro Tulio era promissor. O que entreguei a partir dali foi o que faz uma marca sustentar 10, 20, 30 anos. Tipografia certa, hierarquia certa, espaço negativo certo, liberdade de aplicação. Isso é experiência, não prompt. --- # Preços e planos dos CMSs para Astro em 2026 URL: https://marciotoledo.com/blog/precos-e-planos-de-cms-para-astro-em-2026 Esse post é o complemento da comparação técnica de CMSs para Astro: os números. Quanto custa cada um dos top 5 do ranking, mais dois que vale a pena conhecer pela proposta de preço. ## Contentful (score 90/100) - Free: $0, 10 usuários, 100k API calls, 50GB bandwidth - Lite: $300/mês, 20 usuários - Premium: sob consulta Plano gratuito generoso pra projetos pequenos. O Lite a US$300 é proibitivo pra projetos médios. ## DatoCMS (score 86/100) - Free: €0, 2 usuários, 300 records, 100k API calls - Professional: €149/mês (anual), 10 usuários, 100k records Política de "no overages allowed" no plano Free evita surpresas de cobrança. ## Payload CMS (score 81/100) - Self-hosted: grátis (licença MIT, você paga só a infra) - Cloud Standard: $35/mês - Cloud Pro: $199/mês Melhor relação custo-benefício pra quem tem capacidade técnica. Self-hosted em VPS de US$5/mês resolve muita coisa. ## Storyblok (score 79/100) - Starter: $0, 1 usuário, 1 space - Growth: $99/mês, 5 usuários - Growth Plus: $349/mês, 15 usuários O Growth a US$99 é dos melhores deals do mercado pra quem precisa do editor visual de verdade. ## Strapi (score 78/100) - Self-hosted Community: grátis, usuários ilimitados - Cloud Essential: $18/mês - Cloud Pro: $90/mês Quem quer evitar vendor lock-in e controlar custo via self-hosting, Strapi entrega. ## CloudCannon (parceiro oficial Astro) - Standard: $49/mês (anual), 3 usuários, sites ilimitados - Team: $300/mês (anual), 15 usuários Sem free tier. Vale quando você quer git-based mas com UX profissional para o cliente não técnico. ## Recomendação por perfil - Orçamento limitado, alguma expertise técnica: Strapi ou Payload self-hosted. - CMS gerenciado acessível: Payload Cloud Standard (US$35) ou Storyblok Growth (US$99). - Cliente que vai editar páginas montando blocos: CloudCannon (a partir de US$49). - Empresarial com governança e escala: Contentful ou DatoCMS. --- # Alternativas de CMS para Astro em 2026 URL: https://marciotoledo.com/blog/alternativas-cms-astro-2026 Esse site roda hoje no Keystatic e tenho gostado bastante. A integração com Astro é simples, o admin é leve, o conteúdo fica no próprio repo. Pra começar e pra projetos pessoais, recomendo sem hesitar. Conforme fui escalando o uso, encontrei algumas limitações: ordenação só por slug, sem multi-tenant, sem armazenar submissões de form, componentes customizados travados enquanto o `@keystatic/astro` não suportar Astro 6. ## 1. CMS Git-based Conteúdo vive no repositório, versionado pelo Git. - Keystatic: o que uso aqui. Excelente para projetos pequenos e médios. - Decap CMS: open source, mais maduro. Score 52/100. - TinaCMS: destaque pela edição visual no próprio site. Score 57/100. - CloudCannon: parceiro oficial Astro, editor visual real, git-based hospedado. A partir de US$49/mês. ## 2. Headless CMS SaaS - Contentful: líder de mercado. Score 90/100. - DatoCMS: alta performance. Score 86/100. - Storyblok: referência em edição visual. Score 79/100. - Sanity: Studio customizável em React, queries via GROQ. ## 3. Headless CMS Self-hosted - Strapi: principal CMS headless open source em JavaScript/TypeScript. Score 78/100. - Payload CMS: TypeScript-first, developer-first. Score 81/100. Plugin oficial de multi-tenant. ## Como escolher - Site pessoal ou cliente pequeno: Keystatic ou Decap. - Cliente que edita muito conteúdo: Storyblok. - Git-based com editor visual profissional: CloudCannon. - Self-hosted, controle total, TypeScript: Payload. - Projeto enterprise com workflows complexos: Contentful ou DatoCMS. --- # Automações que todo negócio deveria ter em 2026 URL: https://marciotoledo.com/blog/automacoes-que-todo-negocio-deveria-ter Automação não é luxo de grande empresa. É necessidade de quem quer crescer sem explodir a operação. ## O que vale automatizar primeiro A regra é simples: qualquer tarefa que você faz mais de três vezes do mesmo jeito pode ser automatizada. ### Qualificação de leads Antes de uma reunião de vendas, o lead já pode responder um formulário que filtra se ele tem perfil, orçamento e urgência. Ferramentas: Typeform + Make ou n8n. ### Follow-up automático Um follow-up automático por email ou WhatsApp 48h depois recupera uma parcela significativa das conversas abandonadas. ### Onboarding de novos clientes Quando um cliente fecha, contrato, briefing e acesso ao projeto podem ser disparados automaticamente após o pagamento confirmado. ### Relatórios recorrentes Conecte suas ferramentas de analytics via API e gere o relatório automaticamente. ## Ferramentas que uso - Make (Integromat): melhor custo-benefício para automações visuais sem código. - n8n: open source, self-hosted, ideal para quem tem mais controle técnico. - ClickUp: automações internas eliminam dezenas de tarefas manuais do dia a dia. - Asaas: para cobranças e financeiro. Gera boleto, cobra automaticamente, envia lembretes. ## Por onde começar Escolha a tarefa mais repetitiva e mais chata da sua semana. Automatize só ela. Depois passe para a próxima. --- # Como criar um site que realmente converte URL: https://marciotoledo.com/blog/como-criar-um-site-que-converte Um site bonito não é suficiente. Já vi dezenas de projetos com visual impecável que simplesmente não convertiam. O problema? Design sem estratégia. ## O que significa "converter"? Conversão é quando o visitante faz o que você quer que ele faça: comprar, entrar em contato, solicitar uma demo, assinar a newsletter. Cada página precisa ter uma ação principal clara. ## Os elementos que mais impactam a conversão 1. Proposta de valor clara: em menos de 5 segundos o visitante precisa entender o que você oferece, para quem e por que ele deveria se importar. 2. Velocidade de carregamento: cada segundo de delay reduz a conversão em até 7%. 3. Prova social: depoimentos, cases, números, logos de clientes. Coloque perto dos seus CTAs. 4. CTA sem atrito: "Falar pelo WhatsApp" gera menos atrito que "Entrar em contato". Reduza os campos dos formulários ao mínimo. 5. Mobile first de verdade: mais de 60% do tráfego é mobile. Design pensado primeiro para telas pequenas. ## O processo que uso nos projetos Antes de abrir o Figma, começo com perguntas: Quem é o visitante ideal? O que ele precisa entender para tomar uma decisão? Qual é o único passo que ele precisa dar? Com essas respostas, a estrutura da página surge naturalmente. O design vem depois. Ele serve a estratégia, não o contrário. ## Lançar não é o fim, é o começo Site que converte é site que mede, testa e ajusta. Coloque analytics desde o dia 1, defina os eventos de conversão, acompanhe semanalmente. --- # SEO para pequenas empresas: por onde começar URL: https://marciotoledo.com/blog/seo-para-pequenas-empresas SEO é um dos canais com melhor ROI a longo prazo. O problema é que a maioria das pequenas empresas ou ignora completamente ou investe em táticas erradas. ## Por que SEO importa para pequenas empresas Anúncio para de gerar tráfego no minuto que você corta o orçamento. SEO bem feito continua trazendo cliente por meses ou anos depois do trabalho ter sido feito. Quem chega pelo Google já está procurando o que você vende. Intenção de compra alta, conversão muito melhor que tráfego frio de mídia paga. ## O que você precisa fazer primeiro ### Google Business Profile Se você atende localmente, esse é o passo número um. Grátis, rápido e com impacto imediato. Preencha tudo: horário, fotos, serviços, responda avaliações. Um perfil completo e ativo aparece no Google Maps e nas buscas locais. ### Site com estrutura correta Cada página do seu site deve mirar uma palavra-chave específica. Não tente ranquear a home para tudo. Crie páginas dedicadas para cada serviço ou localidade que você atende. ### Conteúdo que responde perguntas Seu cliente pesquisa no Google antes de comprar. Blog posts, FAQs, guias. Não precisa ser diário. Consistência importa mais que volume. Fuja dos geradores de blog post automáticos: pode funcionar por um tempo, até o Google perceber e penalizar o seu domínio. ### Velocidade e mobile O Google penaliza sites lentos e que não funcionam bem no celular. Use o PageSpeed Insights. Otimize as imagens e use um CDN: Bunny, Cloudflare ou o serviço da sua própria hospedagem. ### SEO técnico e indexação Antes de criar conteúdo novo, faça uma varredura com Screaming Frog ou Screpy. O que verificar: URLs duplicadas, problemas de canonical, páginas bloqueadas no robots.txt, redirecionamentos quebrados e títulos ou descrições ausentes. ### Autoridade do autor (EEAT) O Google quer saber quem está escrevendo e se essa pessoa entende do assunto. Assine os textos do blog, tenha página "Sobre" com história real, mostre cases, depoimentos, certificações. ## O que não desperdiçar tempo fazendo - Comprar links de sites suspeitos - Encher o texto de palavras-chave de forma artificial - Focar em métricas de vaidade como posição média sem olhar o tráfego real ## Quanto tempo para ver resultado? SEO leva tempo. Espere de 3 a 6 meses para ver movimentação consistente. Quem promete resultado em 30 dias está mentindo. A boa notícia: quem começa agora vai estar anos à frente de quem continua esperando.