Vibe coding mudou minha maneira de construir sites - DVC004

Autoria: Promovaweb Automação e IA · Assistir no YouTube

Vídeo de autoria do canal indicado, não da IANIA; todos os direitos pertencem ao criador. Transcrição, resumo e tradução gerados automaticamente; o conteúdo no idioma original é preservado na versão em idioma original.

Idioma original: inglês

Vídeo original: Vibe Coding mudou minha maneira de construir sites - DVC004 · Canal: Promovaweb Automação e IA · 20:38 · Assistir no YouTube

Tópicos: Agentes de IA, Engenharia de software com IA, Open source e ecossistemas de software

Resumo

O apresentador relata a migração de um site com mais de 200 posts e cerca de 25 páginas de WordPress para Astro, destacando a rapidez da automação com agentes. Para ele, a principal mudança não é a tecnologia, mas o workflow: criar, testar e publicar sites com mais flexibilidade, usando código, skills e ferramentas integradas. Ele observa que WordPress ainda pode ser usado como backend em uma arquitetura headless, embora considere Astro mais atraente para quem começa um site do zero. Ao final, recomenda experimentar Astro e apresenta seus cursos e serviços relacionados.

Pontos-chave

A migração de WordPress para Astro envolveu a transferência de mais de 200 posts e cerca de 25 páginas em menos de uma hora.
O apresentador atribui a mudança de interesse sobretudo ao workflow, e não a uma rejeição de PHP ou do WordPress em si.
Agentes podem automatizar tarefas como consultar a API do WordPress, limpar conteúdo, criar páginas e publicar o site.
WordPress pode continuar sendo usado como backend em uma arquitetura headless, enquanto Astro cuida do frontend.
O fluxo de trabalho apresentado combina CLI, repositórios, skills e subagents para desenvolver, revisar e otimizar sites.
O apresentador afirma que o processo facilita a automação de conteúdo, links, glossários e tabelas de dados.
Para quem já está satisfeito com seu site e workflow em WordPress, ele não vê motivo obrigatório para migrar.
Ele recomenda que quem está começando um site experimente Astro e conheça seu workflow.

Capítulos

Início	Capítulo	Resumo
00:01	Por que migrar de WordPress para Astro	O apresentador introduz a migração e explica como o vibe coding tem levado algumas pessoas a preferir maior controle sobre a construção de sites.
04:19	Migração automatizada e mudança de workflow	Ele descreve a transferência de conteúdo do WordPress para Astro e compara os fluxos de trabalho das duas abordagens.
08:17	WordPress como backend e edição de conteúdo	O apresentador explica a possibilidade de manter WordPress como backend e aborda editores e serviços de migração.
12:06	Automação, conteúdo e estrutura do site	Ele relata como automatiza tarefas de conteúdo e apresenta exemplos de dados e recursos mantidos no código do site.
15:52	Skills, responsividade e novos projetos	O apresentador destaca a flexibilidade do workflow com Astro, recomenda testar a tecnologia e divulga cursos e serviços.

Citações

Você constrói aqui, compila aqui e publica lá. — 03:48

Este workflow é muito mais legal de usar; não é melhor nem pior. — 06:02

Não vejo motivo para remover o WordPress ou jogá-lo fora. — 08:50

É o fluxo, é essa experiência de ter uma liberdade que eu nunca tive para construir um site. — 15:52

Troquei plugins por skills, e é uma vida nova. — 17:26

Conceitos e entidades

Astro (ferramenta): Framework usado pelo apresentador para construir o frontend e migrar o site para fora do WordPress.
WordPress (ferramenta): Plataforma de sites que pode continuar servindo como backend em uma arquitetura headless.
Headless WordPress (conceito): Abordagem em que o WordPress fornece conteúdo por API, enquanto outra tecnologia constrói o frontend.
Claude (modelo): Assistente mencionado como ferramenta capaz de ajudar a criar sites a partir de referências visuais.
Codex (ferramenta): Ferramenta que o apresentador usa para automatizar tarefas de desenvolvimento e criação de conteúdo.
Cloudflare Pages (ferramenta): Serviço citado como opção para publicar sites construídos com Astro.
Tailwind (ferramenta): Framework CSS apresentado como recurso para criar designs com abordagem utility-first.
Decap (ferramenta): Editor com painel semelhante ao WordPress, citado como interface para editar conteúdo em um site.
GitHub Codespaces (ferramenta): Ambiente de desenvolvimento no navegador mencionado para fazer alterações em um site online.
Promov (empresa): Organização citada pelo apresentador em relação a cursos e materiais sobre Astro e vibe coding.

Tradução completa (pt-BR)

00:01 Oi, pessoal, como vão? Tenho aqui um trabalho para migrar um site do WordPress para o Astro, sabe? Já estou na metade do caminho. Quero compartilhar um pouco da minha jornada com vocês e, mais tarde, vou fazer outro vídeo com mais detalhes sobre os pormenores, certo, pessoal? Para começar, gente, há um movimento de migração para longe do WordPress. Sinceramente, não sei por quê. O WordPress é uma plataforma estável; muitas pessoas têm sites nele há anos e tiveram

00:33 muito sucesso com isso. Mas percebi que quem faz “Vibe Coding” e tem habilidade para manipular um agent, manipular o Cursor — seja no Desktop ou na Cloud — acaba optando por esse nível de controle. Sabem o que mais ouço, gente? Quando alguém me procura para uma consultoria sobre Vibe Coding ou até sobre marketing, o assunto é o site da pessoa. Porque o WordPress nos ajudou

01:04 por muito tempo. Você não precisava saber design nem programação; podia criar uma landing page, fazer do seu jeito ou até comprar um template pronto e importá-lo. Ele tinha maneiras de nos ajudar. Quando chegou o Vibe Coding, que me permitiu alcançar um nível de trabalho diferente, um novo patamar, parece que o WordPress perdeu o apelo para boa parte das pessoas que atendo aqui. Sei que vivo numa bolha, a bolha de desenvolvedores e empreendedores, mas

01:38 os empreendedores têm menos paciência para contratar um servidor, configurá-lo, escolher um tema ou selecionar um plugin. Dá a impressão, gente, de que isso é coisa de empresa, de que estou perdendo tempo fazendo essas coisas. E olhem, já ouvi isso duas vezes e fiquei surpreso. Eu disse: “Gente, fazemos isso há 20 anos, certo?” É a coisa mais comum e padrão abrir uma loja de temas, encontrar um tema de que gosto e conseguir visualizar meu site ali, certo? E o mesmo vale para os plugins, né? Para o Elementor, um plugin de segurança, um plugin de backup

02:10 plugin. Tudo isso é rotina, mas parece que estou ficando para trás, como se fosse perda de tempo fazer isso. E isso é muito engraçado, gente. É muito engraçado, porque sei que não é bem assim, certo? Sei que não é bem assim, mas muita gente está nessa onda de criar com Visual Code e literalmente quer tirar uma captura de tela, colocá-la no Claude, no Codex, e dizer: “Ei, quero que o site fique assim”; nem se dá ao trabalho de comprar um template. E, quando você olha para o WordPress, que tem seu MCP, tem o WordPress Studio e oferece a opção de usar IA, também tem o Elementor, que agora conta com todos esses recursos de IA. Mas, quando você olha para o Astro, que basicamente é React, certo? Claude e Codex vão dar conta disso e me entregar um código perfeito. Vou ter Tailwind, que me oferece inúmeras possibilidades para criar um design, certo, com a abordagem utility-first, do jeito que deve funcionar, sabe? Então, você percebe que essas pessoas estão escolhendo seguir por esse caminho, e o WordPress virou um problema, porque não consigo trabalhar assim com o WordPress;

02:44 O WordPress Studio tem a opção de usar IA para isso; você tem o Elementor, que agora também tem todos esses recursos de IA. Mas, quando você olha para o Astro, que basicamente é React, certo? Claude e Codex vão dar conta disso e me entregar um código perfeito. Vou ter Tailwind, que me dá inúmeras possibilidades para criar um design, certo? Com abordagem utility-first, do jeito que deve funcionar, sabe? Então, você percebe que essa galera está escolhendo seguir por esse caminho, e o WordPress se tornou um problema, porque não consigo trabalhar assim com WordPress;

03:18 quer dizer, até poderia, mas o processo é diferente. Porque, gente, olha só: a Cloudflare acabou de lançar o Cloudflare, o Cle Cloudflare Pages; ainda está bem documentado que o suporte é um pouco problemático, mas em uma ou duas semanas vão resolver isso. Quando eu tiver a Cloudflare, é só ir até lá e pedir ao Claude: “Claude, olha, use o comando CF e faça o deploy do meu site aqui na minha conta da Cloudflare.” Acabou, pessoal. Acabou, porque você cria aqui,

03:48 compila aqui e publica ali. Pronto, certo? E isso quando você não manda compilar lá; na verdade, dá para fazer a compilação diretamente na Cloudflare, para que nem ocupe a memória da sua máquina. Foi esse processo que mudou. Então, não é uma questão da tecnologia em si, de PHP ou WordPress; não é isso, certo? É uma questão de workflow. Poder pegar uma captura de tela ou um texto; estou criando um site aqui, convertendo o site de uma empresa. Uma empresa me pediu para converter o site dela de

04:19 WordPress para Astro, e pedi para ele navegar pelo site. Gente, são mais de 200 posts e acho que 25 páginas. Ele fez tudo isso em menos de uma hora. Em menos de uma hora, coletou todos os posts, acessou a API do WordPress, comparou o que coletou com o que havia na API e limpou as tags, porque o WordPress é muito bagunçado quando se trata de HTML. É plugin em cima de plugin, em cima de plugin. É div, div, div, div, então é um código denso para processar. Mas ele foi até lá, coletou tudo com facilidade, funcionou muito bem e me entregou um texto limpo,

04:51 um arquivo Markdown maravilhoso. Pessoal, isso é uma vida completamente diferente, certo? É outro nível de trabalho, outra maneira de fazer as coisas. Acho que muita gente está ficando encantada com o método, não com a ferramenta em si. Porque, quando olho para a comunidade WordPress — e, gente, isto não é uma crítica, certo? — há um grande desprezo por Jamstack, certo? Por essa maneira de criar sites com JavaScript, com algum framework, com Tailwind, colocando os arquivos Markdown ali para servirem de banco de dados dos posts. Há

05:28 muito preconceito em relação a isso, gente. As pessoas literalmente ignoram essa possibilidade. Mas olhem, tenho minhas dúvidas. Se você pegar uma pessoa disposta e disser: “Ei, vamos reservar amanhã, uma manhã de sábado, para criar este site com tudo o que o WordPress oferece tecnologicamente hoje no mundo da IA.” E vamos usar o Astro aqui, simples e prático. Vamos pegar um tema em branco, no WordPress e no Astro, e criar o site, a mesma página, usando a mesma referência. Duvido, gente, que uma pessoa disposta não

06:02 diga: “Cara, Luis, este workflow é muito mais legal de usar; não é melhor nem pior, certo, pessoal?” É mais adaptável, mais prático. Eu uso na CLI, uso no desktop, uso no servidor local, não preciso assinar nada, não preciso comprar nada, não preciso de um servidor, não preciso me preocupar com cache, plugins de cache, nada disso. É tudo automático, pronto para usar. Olhem, tenho aqui um framework que ensino nas minhas aulas, um framework para Astro. Há mais de 100 skills nesse framework. Elas não são invocadas automaticamente. Você pode invocá-las explicitamente, mas há

06:37 uma skill para velocidade de página, uma skill para SEO, link building, tudo o que vocês puderem imaginar, gente; ela cuida do footer, do header, dos menus e da responsividade. E, nossa, faz tanta coisa, gente, num fluxo altamente automatizado, porque uma skill chama outra, que chama outra, que chama outra; o trabalho é feito e ela inicia um subagent aqui, outro subagent ali. Eu executo dois ou três agents no mesmo site aqui usando Herder, trabalhando em áreas diferentes, compilando o site o tempo todo, fazendo linting, formatação,

07:10 componentização e otimização para gerar o HTML mais puro possível para o frontend, com o mínimo de CSS possível, evitando aquele excesso de divs e coisas do tipo. Então, acho que qualquer pessoa com um pouco de mente aberta está sentindo o mesmo que eu, gente: “Cara, fazer isso é uma vida completamente nova.” No ano que vem, vou completar 20 anos de WordPress, certo? E quero dizer a vocês, gente, que não gosto de sair por aí dizendo: “Ah, a tecnologia morreu, a tecnologia acabou.” Esse não é o meu estilo, não é isso. Há um grupo que vai

07:43 continuar com o WordPress a vida inteira, entendemos isso; esse é o workflow deles, certo? Mas é inegável que esse workflow está ultrapassado, certo? Que esse workflow não é como estamos criando as coisas hoje, certo? É inegável, gente. Posso abrir o bot da OpenAI aqui e perguntar. Vocês podem perguntar ao bot Grok: “Ei, confira meu repositório, faça isto e aquilo e envie.” Ele realmente faz isso, gente, porque o processo é altamente automatizado e conectado a outras coisas. Eu

08:17 posso abrir o GitHub, iniciar um GitHub Codespace e fazer uma mudança completa no meu site ali mesmo, online, no navegador. Então é isso: acho que muita gente no universo WordPress ainda não percebeu que existe outra alternativa para esse workflow. E, gente, isso porque nem preciso descartar o WordPress. Estou migrando o site aqui, consultando a API do WordPress o tempo todo. Então, é perfeitamente possível criar um site usando WordPress. Chamamos isso de Headless WordPress, certo? Olhem, esse headless

08:50 esse modo já existe há bastante tempo, certo? E acho que é uma boa abordagem. Não, não vejo motivo para remover o WordPress, para jogar o WordPress fora; não vejo motivo para isso, certo? Na verdade, acho que você deveria considerar usar o WordPress como backend para o Astro. A mudança para o Astro é muito radical. O público que usa Astro hoje é você, o empreendedor que já está envolvido com vibe coding, já está construindo algum sistema e se acostumou a trabalhar assim; isso vai se encaixar perfeitamente no seu workflow. Agora, pessoal, o

09:25 editor, certo? No meu caso, olha, durante muitos anos tivemos um editor ali, mas esse cara não vai usar isso, pessoal, é difícil para ele. Existe o Decap, certo? Até vou fazer um vídeo com você sobre o Decap. Você executa localmente aqui ou na web, um painel muito parecido com o WordPress, só para ter uma interface. Assim, você continua executando seu site localmente na sua máquina, certo? Você constrói tudo, ele salva em um banco de dados — que pode ser qualquer tipo de banco de dados, até um arquivo SQLite ali mesmo na máquina, melhor ainda

09:57 —, então ele faz o commit e coloca tudo pronto no repo. Olha, é um workflow diferente. E senti isso na prática porque construí o site da Promov, pessoal, mas digamos que construí o da Promov do zero e fui desenvolvendo aos poucos, certo? Foi bem gradual, com o pouco tempo que eu tinha disponível para trabalhar nele. Eu estava muito mais focado em trabalhar no sistema, o LMS, do que no próprio site. Então, talvez eu não tenha percebido essa mudança. Agora que assumi isso, tenho a Devil Side Studio aqui, onde posso oferecer serviços de migração, inicialização e manutenção

10:30 para você. Quando falei isso, o André apareceu e disse: “Luiz, você migra o site para mim?” Eu disse: “Cara, vamos migrar, vamos montar esse projeto.” A primeira etapa é uma migração completa para sair do WordPress e ir para o Astro. A segunda etapa é uma reformulação do site. É outra vida, pessoal. É outra coisa, é algo diferente. E, de novo, tudo bem, gente? Não é para todo mundo. Alguém vai aparecer nos comentários dizendo: “Puxa, Luiz, mas não vou conseguir editar a publicação.” Não vai mesmo, pessoal. Não é para esse usuário. Para esse cara, você vai ter que fornecer um backend, vai ter que fornecer um CMS. Continue usando o WordPress com ele, mas hoje eu já não

11:04 vejo motivo para não usar uma tecnologia como essa no frontend. Certo? Então, entenda o que significa desacoplado. Tenho duas coisas acontecendo aqui. Uma acontece no frontend, outra é o backend. Prefiro usar tudo junto, mas você pode, com certeza, usar o WordPress, continuar escrevendo publicações no WordPress, páginas no WordPress, criando seus tipos de publicação personalizados ali normalmente, normalmente. Você só não vai usar o Elementor, não vai usar esses tipos de plugins visuais, não vai ter um tema para gerenciar. Vou acessar seu WordPress

11:36 por meio da API. Vou construir o site aqui durante a geração. Vou montar o site inteiro com todas as publicações e páginas que vou buscar no seu WordPress. Então, é possível manter o WordPress na mistura, mas não acho que o frontend fique bom ali hoje. E estou sentindo isso na prática, gente. Eu disse que tinha acabado de terminar meu expediente e pensei: “Cara, vou contar isso para todo mundo porque estou muito empolgado.” Empolgado porque, mais uma vez, meu site da Promov é um caso muito particular. Eu não tinha percebido isso, certo? É aí que vou fazer um

12:06 vídeo para vocês mostrando tudo o que tenho, certo? Não é open source, né? É meu site, não o disponibilizei como open source. Tem muitas informações minhas ali, algumas coisas estratégicas também, mas olha, automatizo 80% disso. 80% é muita coisa, gente, é muita coisa poder ter a flexibilidade de abrir meu Codex. Uso o Codex para tudo. Pedi ao Codex: “Olha, vá até a nuvem, pegue a reunião que tive hoje de manhã; toquei num assunto lá e quero criar uma publicação sobre ele.” E, cinco minutos depois, o texto está escrito, ele já

12:40 encontrou uma miniatura para mim no Unsplash, colocou, cortou as imagens, publicou e extraiu um glossário dali, certo? Agora temos um glossário grande no site, gente. Ele já fez a construção de links, é outra coisa. Salvou isso na minha coleção, enviou para meu hub para agora fazer parte da minha base de conhecimento; é uma vida totalmente nova, certo? Não é que eu não consiga fazer isso no WordPress, mas não consigo fazer desse jeito. O WordPress vai ter seu próprio jeito de fazer as coisas, e tudo bem. E, de novo, tudo bem, gente? Muita gente vai usá-lo — não vejo isso como “Ah, o WordPress vai morrer”. Olha, eu apostaria que ele não vai perder nem metade; menos da metade vai querer sair do WordPress, mas a metade que sair, as pessoas que deixarem o WordPress, vai ser porque conheceram esse novo workflow. Tivemos esse mesmo movimento com o NHN. Chegou a um ponto em que ela disse: “Luiz, estou pronta para sair deste ambiente aqui, sabe, dos trilhos, desse ambiente fechado.” E agora cheguei ao Vibe Coding. Cheguei a construir minha própria solução, não mais em cima do

13:12 WordPress ou de um CMS, mas com meu próprio código, uma base que vou manter, sabe? Tenho a equipe saindo do estúdio por causa disso. Temos o curso Vibe Code na Promov por causa disso, e o programa de fundadores, para conversarmos sobre negócios, vendas e tudo isso. Então, criamos esses produtos com base nisso para ajudar você no dia a dia. Porque muita gente se afastou da realidade de ter uma base, um framework ou um sistema sobre o qual construir, para ter algo próprio, sem dependências, sem um fornecedor

13:44 oferecendo… Não, não tenho mais o WordPress me fornecendo uma estrutura; sou eu que estou construindo a estrutura. Este site que estou construindo, pessoal, tem muitos arquivos JSON com configurações, informações cruciais, tabelas de preços, termos; tudo isso compõe o site. No WordPress, você precisa abrir um painel, encontrar a página, clicar em editar e depois clicar em salvar. Aqui não; o agent processa isso muito rapidamente para alterar uma tabela de preços. Tenho um arquivo CSV com mais de 500 linhas

14:17 que cria uma tabela maravilhosa, certo? Mas, cara, fico imaginando como construiria isso no WordPress, como geraria essa tabela no WordPress, certo? O glossário da Promov é um exemplo. Como eu construiria esse glossário? Trabalhando desse jeito, com um layout bem elaborado, construção de links e conteúdo em uma publicação; quando ele percebe que existe uma entrada para aquele termo, cria um link, ele

14:48 relaciona aquela publicação àquela entrada, e tenho tudo isso, um grafo de tudo. Gente, é outra coisa, é maravilhoso. Então, acho que, no começo, realmente considerei que seria uma questão de tecnologia. Saí do PHP e fui para TypeScript para construir coisas no Astro, mas não é sobre PHP, não é sobre não ter um servidor ou ser serverless, não é isso. Isso também é importante, pessoal, certo? Mas não é isso;

15:18 é o fluxo, é essa experiência de ter uma liberdade que nunca tive para construir um site. Nunca tive. Olha, gente, sou da época anterior ao WordPress, quando construíamos sites no Dreamweaver usando HTML, certo? Ainda assim, é comparável, claro, certo? No Dreamweaver, eu tinha um template; era bem legal trabalhar dentro dele, certo? Mas é mais ou menos o que fazemos com o Astro hoje, só que muito mais rápido, muito mais poderoso, com uma aparência muito melhor, muito mais prático. Posso trabalhar na responsividade exatamente do jeito que quero.

15:52 Uau, é algo completamente diferente, gente. Tenho um celular dobrável aqui. Uau, preciso torná-lo compatível com um celular comum, um celular dobrável, um tablet, um computador de baixa resolução e um computador de alta resolução. É ótimo, tenho uma skill que faz isso por mim. Ela tira uma captura de tela, verifica, monitora e controla como era antes e como está agora. Tenho um robozinho ali que faz isso o tempo todo, certo? Então, é, é outra coisa, gente. Uau, é uma vida totalmente nova. Acho que o que o WordPress vai ter que fazer

16:23 é mudar sua forma de

16:54 nos próximos meses é o workflow. Quem está confortável com o workflow atual, continue. Com certeza, continue. Acho que não há motivo para migrar. Mas, para você que está começando do zero, você que está entrando no mercado agora: “Ei, Luiz, vou fazer meu primeiro site.” Com certeza, o workflow do Astro é muito mais atraente, muito mais prático. Cada vez mais empresas estão seguindo esse caminho, em vez de um workflow com WordPress, que tem um servidor, um monte de plugins, você precisa escolher um tema, precisa otimizar, precisa…

17:26 otimizar, e tem um plugin que otimiza, um plugin que cuida dos links, um plugin que verifica os links, um plugin que… Ninguém aguenta mais isso, né, pessoal? Eu, eu, eu me cansei disso, né? E é justamente isso, né? Troquei os plugins por skills e é uma vida nova, uma coisa diferente, não preciso comprar nada. Eu mesmo crio os meus sempre que quero, né? E tenho tantos que até faço piada com isso, né? Igual à geladeira da família Dinossauro, né? Quando você abre, saem um monte de mãozinhas, né? Skills são exatamente assim, certo? A qualquer momento, uma skill está cuidando de uma parte específica. Confira o link aqui, confira o link ali, confira

17:57 um campo aqui, confira… Nossa, tudo. Faça no texto, corrija o texto, remova o conteúdo de baixa qualidade do texto, nossa, faz tudo. Então, acho que é isso, né? Estou compartilhando minha experiência com vocês aqui, o que eu, depois de trabalhar nisso aqui ontem e o dia todo hoje, deixo como conclusão ao terminar esta etapa do site. O workflow está me mostrando isso, né? O workflow é muito mais amigável. Para eu passar isso para o André, para o André conseguir continuar, vai ser muito mais prático para ele fazer isso pelo

18:30 celular, pelo computador dele. Tenho o Walmart aqui, onde onde trabalho, né? Ou trabalho no Walmart, né? Crio conteúdo em Macs, mas trabalho com o Walmart. É uma coisa totalmente diferente, pessoal. É uma coisa totalmente diferente. Fica aberto aqui o tempo todo. Este nem é o site do André, é outro site que também estou criando. Mas é muito legal, pessoal. É muito legal. Deem uma chance ao Astro, façam um laboratório. Para vocês que são alunos da Promov, estamos no meio da gravação do curso de Astro. Serão seis aulas, né? Estamos… gravamos a terceira, vamos para… vamos para a quarta aula, né?

19:00 Estou mostrando como pegar um tema, como conhecer o que tem por dentro, como escrever conteúdo, fazer o design, mexer nas cores, entender as coleções de informações que você pode ter e usar no site. Daqui a pouco vamos fazer o deploy deste site, o que não é difícil, mas há alguns truques para hospedar um site no Cloudflare, né? Então, para vocês que são alunos, tem material, certo, pessoal? Tem material, uma imersão curta e rápida para você colocar seu site no ar rapidinho. Tenho um aluno aqui que nem sequer

19:33 terminou a imersão e já está colocando o site no ar, né? Porque é um workflow muito diferente, certo, pessoal? Assistam à imersão com essa perspectiva. Estou mostrando não só a tecnologia, mas também o workflow, que é totalmente diferente e é de primeira, pessoal, é muito legal. Curtam o vídeo, inscrevam-se no canal e comentem o que acharam do nosso bate-papo sobre Astro, né? Não se esqueçam de escanear os QR codes que aparecem na tela para contratar a Devside Studio ou participar do Founders, seu novo programa de treinamento, com inscrições abertas. Chamem o Diavan lá

20:06 para ele apresentar vocês. Tenho certeza de que vocês vão acelerar muito seus projetos e tirá-los do papel. Vocês serão acompanhados por pessoas que também estão criando e lançando coisas. Não é um encontro para pessoas que estão apenas pensando em fazer alguma coisa. A ideia do Founders é para quem está pronto para agir, né? Olha, Luís, estou pronto, cara. Só quero validar, quero ouvir você, quero sua ajuda, quero conversar com o grupo aqui para a gente tirar este projeto do papel, né? Tem

20:38 sempre alguém para ajudar, sempre alguém na comunidade disposto a dar feedback, se cadastrar no seu sistema e usá-lo quando você o apresentar. É muito legal, pessoal! Não é um curso de programação, é um curso de negócios. No Founders, falamos de negócios, certo? Então, se você está criando um SaaS, um agent ou um sistema, venha para o Founders; tenho certeza de que vai gostar muito desse bate-papo, aprender bastante e ter muitos insights para aplicar ao seu sistema. Um abraço a todos. Até a próxima.

Transcrição original

[00:01] Hey everyone, how’s it going? I’ve got a job here to migrate a website from WordPress to Astro, you know? So, I’m already halfway through it. I want to share a bit of my journey with you, and later I’ll make another video with more details on the nitty-gritty, okay folks ? First off, guys, there’s a migration movement happening away from WordPress. I’m not sure why, honestly. WordPress is a stable platform; many people have had sites on it for years and have

[00:33] great success with it. But I’ve noticed that “Vibe Coding” and people who are skilled at manipulating an agent, manipulating Cursor—be it Desktop or Cloud—end up opting for that level of control. Do you know what I hear the most, guys? When someone comes to me for a consultation on Vibe Coding, or even marketing, it’s about their website. Because WordPress helped us

[01:04] out for a long time. You didn’t need to know design or programming, you could build a landing page, do it your own way, or even buy a ready-made template and import it; it had its ways of helping us out. When Vibe Coding arrived, letting me reach a different grade of work, a new level, it seems like WordPress lost its appeal for a good portion of the folks I assist here . I know I live in a bubble, the dev and entrepreneur bubble, but

[01:38] entrepreneurs have less patience for hiring a server, setting it up, choosing a theme, or picking a plugin. It feels like, guys, that it’s a business, like I’m wasting time doing that. And look, I’ve heard this twice now and it surprised me; I said: “Guys, we’ve been doing this for 20 years, right?” It’s the most standard, most common thing to open a theme store, find a theme I like, and be able to visualize my website there, right? And the same goes for plugins, right? For Elementor, a security plugin, a backup

[02:10] plugin. This is all routine, but it feels like I’m falling behind, like it’s a waste of time to do this. And this is really funny, guys. It’s really funny because I know that’s not the case, right? I know that’s not the case here, but a lot of people are on this wave of creating with Visual Code and literally want to take a screenshot, put it into Claude, into Codex, and say : “Hey, I want the site to look like this”; they don’t even bother buying a template anymore. And when you look at WordPress, which has its MCP, it has

[02:44] WordPress Studio, it has the option to use AI for it, you have Elementor which now also has all these AI features, but when you look at Astro, which is basically React, right? Claude and Codex will chew through that and give me perfect code. I’ll have Tailwind, which gives me countless possibilities to build a design, right, utility-first , the way it’s meant to work, you know? So, you notice that these folks are choosing to go down this path and WordPress has become a problem, because I can’t work like that with WordPress;

[03:18] I mean, I could, but the process is different. Because, guys, look, Cloudflare just launched Cloudflare, Cle Cloudflare Pages; it’s still well-documented that the support is a bit problematic, but in a week or two, they’ll sort that out. Once I have Cloudflare, I’ll just go there and ask Claude, “Claude, look, use the CF command, and deploy my site here to my Cloudflare account.” It’s over, folks. It’s over, because you build it here,

[03:48] compile it here, and publish it there. Done, right? And that’s when you’re not sending it to compile there; you can actually have it compile directly on Cloudflare so it doesn’t even take up your machine’s memory. It’s this process that has changed. So, it’s not a matter of the technology itself, PHP, or WordPress, that’s not it, right? It’s a matter of workflow. Me being able to take a screenshot, or take some text; I’m building a site here, I’m converting a company’s site. A company asked me to convert their site from

[04:19] WordPress to Astro and I told it to browse it. Guys, there are over 200 posts, and I think there are 25 pages. It did all that in less than an hour. In less than an hour, it grabbed all the posts, went to the WordPress API, compared what it grabbed with what’s in the API, and cleaned up the tags, because WordPress is very messy when it comes to HTML. It’s plugin upon plugin, upon plugin. It’s div, div, div, div, so it’s dense code to be processed. But it went there, grabbed it easily, worked very well, and gave me a clean

[04:51] text, a wonderful little Markdown file. Folks, that’s a whole different life, right? It’s another level of work, it’s a different way of doing things. I think many people are becoming enchanted with the method, not the tool itself. Because when I look at the WordPress community—and folks, this isn’t a criticism, okay? There’s a great disdain for the Jamstack, right? For this way of building sites with JavaScript, with some framework, with Tailwind, putting the Markdowns there to serve as the post database. There is

[05:28] a lot of prejudice regarding that, folks. They literally ignore the fact of doing it that way. But look, I have my doubts. If you take a willing person and say, “Hey, let’s take tomorrow, a Saturday morning, and build this site with everything WordPress has to offer technologically today in the world of AI.” And let’s take Astro here, nice and simple. Let’s take a blank theme, blank in WordPress, blank in Astro, and let’s build the site, the same page, let’s use the same reference. I doubt, folks, that a willing person wouldn’t

[06:02] say: “Man, Luis, this workflow is much cooler to work with; it’s not better or worse, okay folks?” It’s more adaptable , it’s more practical. I run it on the CLI, I run it on the desktop, I run it on the local server, I don’t have to subscribe to anything, I don’t have to buy anything, I don’t need a server, I don’t have to worry about cache, cache plugins, none of that. It’s all automatic, ready to go. Look, I have a framework here that I teach in my classes, a framework for Astro. There are over 100 skills in this framework. They aren’t invoked automatically. You can invoke them explicitly, but there’s

[06:37] a skill for page speed, a skill for SEO , link building, everything, folks, that you can imagine, that takes care of the footer, the header, the menus, that handles responsiveness. And, wow, it does so much, folks, in a highly automated flow, because one skill calls another, which calls another, which calls another, the work is done and it launches a subagent here, a subagent there. I run two or three agents on the same site here using Herder, working in different areas, constantly compiling the site, linting, formatting,

[07:10] componentizing, and optimizing to generate the purest possible HTML for the front end, with as little CSS as possible, avoiding that div bloat, nothing like that. So, I think anyone with a little bit of an open mind is feeling the same thing I am, guys: “Man , doing this is a whole new life.” Next year, I’ll hit 20 years of WordPress, right? And I want to tell you, guys, I don’t like to go around saying, “Oh, the technology is dead, the technology is over.” That’s not my style, that’s not it. There’s a crowd that will

[07:43] stick with WordPress their whole lives, we understand that; it’s their workflow , right? But it’s undeniable that this workflow is outdated, right? That this workflow isn’t how we’re building things today, right? It’s undeniable, guys. I can take the OpenAI bot here and ask it. You can ask the Grok bot, “ Hey, check my repository, do this and that, and push it.” It actually does it , guys, because the process is highly automated and connected to things. I

[08:17] can open GitHub, start a GitHub Codespace, and make a total change to my site right there online in the browser. So, that’s it; it’s this workflow that I think many people in the WordPress universe haven’t realized yet, that there is another alternative. And that, guys, is because I don’t even need to discard WordPress. I’m migrating the site here, querying the WordPress API the whole time. So, it is perfectly possible to build a site using WordPress. We call it Headless WordPress, right? Look, this headless

[08:50] mode has been around for quite a while now, right? And I think it’s a good approach. No, I see no reason to remove WordPress, to throw WordPress out; I don’t see any reason for that, right? In fact, I think you should consider using WordPress as a backend for Astro. The switch to Astro is very drastic. The audience using Astro today is you, the entrepreneur who is already into vibe coding, already building some system, and you’ve gotten used to working this way; it will fit perfectly into your workflow. Now, folks, the

[09:25] editor, right? In my case, look, for many years we had an editor there, but this guy isn’t going to use it, folks, it’s hard for him. There is Decap, right? I’ll even make a video with you about Decap. You run it locally here or on the web, a dashboard very similar to WordPress, just so you have an interface. So you still keep running your site locally on your machine, right? You build the whole thing, it saves to a database—which can be any type of database, even an SQLite file right there on the machine, even better

[09:57] , so it commits and puts it in the repository all set. Look, it’s a different workflow. And I felt this firsthand because I built the Promov site, folks, but let’s just say, I built the Promov one from scratch and I was building it very gradually, right? It was very gradual, it was with the little time I had available to work on it. I was much more focused on working on the system, the LMS, than on the site itself. So I didn’t, maybe I didn’t notice that change. Now that I’ve taken it on, I have Devil Side Studio here, where I can provide migration, startup, and maintenance

[10:30] services for you. When I said that, André came along and said: “Luiz, will you migrate the site for me?” I said: “ Man, let’s migrate it, let’s set up that project.” The first stage, a complete migration to leave WordPress and move to Astro. The second stage is a redesign of the site. It’s a different life, folks. It’s another, it’s something else. And again, okay, guys? It’s not for everyone. Someone will show up in the comments saying: “ Gee, Luiz, but I won’t be able to edit the post.” You won’t, folks. It’s not for that user. For that guy, you’ll have to give him a backend, you’ll have to give him a CMS. Keep using WordPress with him, but today I no

[11:04] longer see a reason not to use a technology like this for the frontend. Okay? So, understand what decoupled means. I have two situations here. One thing happens on the frontend, another thing is the backend. I prefer to use everything together, but you can definitely use WordPress, keep writing posts in WordPress, pages in WordPress, creating your custom post types there normally, normally. You just won’t use Elementor, you won’t use those types of visual plugins, you won’t have a theme to manage. I will access your WordPress

[11:36] via API. I will build it here at build time. I’ll assemble the entire site with all the posts and pages that I’ll fetch from your WordPress. So it is possible to keep WordPress in the mix, but I don’t think the front end looks good there anymore. And I’m feeling this firsthand, guys. I said, I just finished my shift, and I thought: “Man, I’m going to tell everyone about this because I’m really excited about it.” Excited because, again, my Promov site is a very unique case. I didn’t realize that, right? That’s where I’ll make a

[12:06] video for you showing everything I have , okay? It’s not open source, is it? It’s my site, I didn’t make it open source. There’s a lot of my information there, some strategic things too, but look, I automate 80%of it. 80%of it is a lot, guys, it’s a lot to be able to have the flexibility to open my Codex. I use Codex for everything. I asked Codex, look, go to the cloud, take the meeting I had this morning, I touched on a subject there, I want to create a post about it. And five minutes later, the text is written, it has already

[12:40] found a thumbnail for me on Unsplash, placed it, cropped the images, launched it, and pulled a glossary from it, right? We now have a large glossary on the site, guys. It already did the link building, it’s something else. Saved that to my collection, sent it to my hub so it can now be part of my knowledge base, it’s a whole new life, right? So it’s not that I can’t do it in WordPress, but I can’t do it this way. WordPress will have its own way of doing things, and that’s fine. And again, okay guys? Many people will use

[13:12] it—I don’t see it as “Oh, WordPress is going to die.” Look, I’d bet it won’t lose even half, less than half will want to leave WordPress, but the half that does leave, the people who leave WordPress, it’s because they saw this new workflow. We had this same movement with NHN. It reached a point where she said: “Luiz, I’m ready to leave this environment here, you know, on the tracks, this closed-off environment.” And now I’ve come to Vibe Coding. I’ve come to build my own solution, no longer on top of

[13:44] WordPress or on a CMS, but on my own code, a base that I will maintain, you know? I have the team leaving the studio because of this. We have the Vibe Code course at Promov because of this, and the founders ’program, for us to talk about business, sales, and all of that. So, we built these products based on that to help you in your day-to-day. Because many people have moved away from the reality of having a base, a framework, or a system to build upon, to having their own, without dependencies, without a vendor

[14:17] providing…no, I no longer have WordPress giving me a structure; I am building the structure. This site I’m building, folks, it has so many JSON files with settings, crucial information, price tables, terms, all of that makes up the site. In WordPress , you have to open a panel, find the page, click edit, and then click save. Not there; the agent chews through it very quickly to change a price table. I have a CSV file with over 500 lines

[14:48] that creates a wonderful table, right? But man, I keep imagining how I would build this in WordPress, how I would generate that table in WordPress, right ? The Promov glossary is an example. How would I build that glossary? Working that way, with a well-crafted layout, link building, and content in a post; when it sees there’s an entry for that term, it creates a link, it

[15:18] relates that post to that entry, and I have all of that, a graph of it all. Guys, it’s something else, it’s wonderful. So, I think I really considered at the beginning that it was going to be a technology issue. I left PHP and came to TypeScript to build things in Astro, but it’s not about PHP, it’s not about not having a server or being serverless, it’s not about that. That’s important too, folks, okay? But that’s not it;

[15:52] it’s the flow, it’s this experience I’m having of having a freedom I never had to build a site. I never had. Look, guys, I’m from the era before WordPress when we used to build sites in Dreamweaver using HTML, right? Still , it’s comparable, of course, right? In Dreamweaver, I had a template, it was pretty cool working inside it there, right? But it’s more or less what we do with Astro today, only much faster, much more powerful, much better looking , much more practical. I can work on responsiveness exactly the way I want.

[16:23] Wow, it’s a whole different thing, guys . I have a foldable phone here. Wow, I have to make it compatible with a regular phone, a foldable phone, a tablet, a low-resolution computer, and a high-resolution computer. It’s great, I have a skill that does this for me. It takes a screenshot, checks, monitors , and controls how it was before and how it is now. I have a little robot there that does this all the time, right? So it is, it’s a different thing , guys. Wow, it’s a whole new life. I think what WordPress will have to work

[16:54] on in the coming months is the workflow . Whoever is comfortable with their current workflow, keep going. Certainly keep going. There’s no reason to migrate, I think. But for you starting from scratch, you who are entering the market now, “Hey Luiz, I’m going to have my first site.” Certainly, the Astro workflow is much more attractive, much more practical. Companies are increasingly going down this path, rather than a WordPress workflow, which has a server, a bunch of plugins, you have to choose a theme, you have to

[17:26] optimize, and there’s a plugin that optimizes, a plugin that does links, a plugin that checks links, a plugin that …Nobody can take that anymore, right, guys? I, I, I got tired of that, right? And it’s precisely that, right? I switched from plugins to skills and it’s a new life, a different thing, I don’t need to buy anything. I build my own whenever I want here, right? And I have so many, I even joke about it, right? Just like the fridge from the Dinosaurs family, right? When you open it, a bunch of little hands come out, right? Skills are exactly like that, okay? At any given moment, a skill is handling a specific part. Check the link here, check the link there, check

[17:57] a field here, check…Wow, everything. Do it in the text, correct the text, remove the slop from the text, wow, it does everything. So, I think that’s it, right? Sharing my experience with you here, what I, after working here yesterday and all day today with this, I leave, you know, finishing this stage of the site, I leave with this conclusion. The workflow is dictating it to me, right? The workflow is much friendlier. For me to pass this on to André, for André to be able to continue, it will be much more practical for him to do it from his

[18:30] phone, from his computer. I have Walmart here, where where I work, right ? Or I work at Walmart, right? I create content on Macs, but I work with Walmart. It’s a whole different thing, guys. It’s a whole different thing. It stays open here the whole time. This isn’t even André’s site, it’s another site I’m also building. But it’s really cool, guys. It’s really cool. Give Astro a chance, do a lab. For you who are a Promov student, we are in the middle of recording the Astro course. It will be six classes, right? We are, we recorded the third, we’re going to, we’re going to the fourth class, right?

[19:00] I’m showing how you take a theme, how you get to know its guts, how you write content, do the design, mess with the colors, understand the collections you can have of information that you can use on the site. We’ll be deploying this site in a little bit, which isn’t hard to do, but there are some tricks to host a site over on Cloudflare, right? So, for you who are a student, there’s material, okay guys? There’s material, short, quick immersion. so you can quickly get your site online. I have a student here who hasn’t even

[19:33] finished the immersion yet and is already putting their site online, right? Because it’s a very different workflow, okay guys? Watch the immersion with that perspective. I’m showing you not just the technology, but the workflow, which is totally different and it’s top-notch, guys, it’s really cool. Like the video, subscribe to the channel, and comment on what you thought of our chat about Astro, right? Don’t forget to scan the QR codes that appear on the screen so you can hire Devside Studio or Founders , which is your new training program, with enrollment open. Call Diavan there

[20:06] to introduce you. I am sure that you will greatly accelerate your projects and get them off the ground. You will be accompanied by people who are creating and launching things as well. It is not a gathering for people who are just thinking about doing something . The idea of the Founders is for the person who is ready to take action, right? Look, Luís, I am ready, man. I just want to validate, I want to hear from you, I want your help, I want to talk to the group here so we can get this project started, right? There is

[20:38] always someone to help, always someone in the community willing to give you feedback, to sign up for your system, and to use it once you show it. It is really cool, guys! It is not a programming course, it is a business course. At Founders, we talk about business, okay? So, if you are building a SaaS, an agent, or a system, come to Founders; I am sure you will really enjoy this chat, learn a lot, and gain many insights to apply to your system. Best regards, everyone. See you next time.