Como substituir o WordPress com Astro e Directus

Описание: 🚨 Inscrições abertas: NLW OPERATOR!

Seja para você que está iniciando ou para quem busca o próximo nível, no NLW construa projetos reais com programação e inteligência artificial!
De 12 a 16 de março - gratuito!
Participe da 1ª edição do ano: https://rseat.in/nlw-rocketseat-ia

Links importantes para seguir se desenvolvendo 👇
• Teste seus conhecimentos em IA https://rseat.in/teste-conhecimento-dev
• Relatório de Carreira e Tendências Tech exclusivo da Rocketseat: https://rseat.in/relatorio-exclusivo
• Conte com a Rocketseat para se desenvolver em programação e IA: https://rseat.in/rocketseat-
• Conheça nossos conteúdos de IA disponíveis no catálogo: https://rseat.in/ia-na-rocketseat
• Junte-se a + 250mil devs em nossa comunidade no Discord: https://rseat.in/comunidade-dev

Cansado(a) de depender de CMS tradicionais que limitam performance e flexibilidade no desenvolvimento? Muitos devs acabam presos ao WordPress mesmo quando precisam de mais controle sobre arquitetura, front-end moderno e integração com APIs. Neste vídeo, o Mayk Brito mostra o que aconteceu depois que decidiu abandonar o WordPress e testar uma nova stack com Astro + Directus.
Você vai entender como funciona a arquitetura headless CMS, separando front-end e back-end para criar sites mais rápidos, escaláveis e flexíveis. Exploramos como o Astro pode entregar interfaces modernas e performáticas, enquanto o Directus gerencia o conteúdo via API.

Ao assistir este vídeo, você vai aprender:
• Por que alguns devs estão deixando o WordPress.
• Como funciona um CMS headless com Astro + Directus.
• Vantagens de separar front-end e gerenciamento de conteúdo.
• Como criar projetos web mais rápidos e modernos.

Se você quer evoluir sua stack e entender alternativas modernas para criar sites e aplicações web, este vídeo mostra na prática como essa abordagem funciona 👇

Github com código final: https://github.com/maykbrito/youtube-...

00:00 - 01:33 - Como permitir que clientes atualizem conteúdo sem depender do desenvolvedor?
01:33 - 02:18 - O que é Directus e por que ele pode substituir WordPress como CMS?
02:18 - 03:04 - Por que usar Astro para criar sites rápidos e performáticos?
03:04 - 04:02 - Astro é realmente mais rápido que WordPress e Next.js?
04:02 - 05:03 - Como hospedar Directus e iniciar um CMS headless no seu projeto?
05:03 - 06:12 - Como criar um projeto Directus com banco de dados usando Qualify?
06:12 - 07:15 - Como funciona a arquitetura do Directus com banco, Redis e APIs?
07:15 - 08:09 - Quais recursos avançados o Directus oferece para gestão de conteúdo?
08:09 - 09:11 - Como criar um modelo de dados global no Directus para seu site?
09:11 - 10:00 - Como criar campos como título e descrição em um CMS headless?
10:00 - 10:32 - O que é CRUD e por que todo dev precisa entender isso?
10:32 - 12:01 - Como começar um projeto Astro para consumir dados de um CMS?
12:01 - 12:55 - Como instalar e configurar Astro no seu ambiente de desenvolvimento?
12:55 - 13:25 - Como conectar Astro ao Directus usando o SDK oficial?
13:25 - 14:23 - Como funciona a estrutura de projetos no Astro com TypeScript?
14:23 - 15:25 - Como funcionam layouts e componentes dentro do Astro?
15:25 - 16:17 - O que acontece no servidor antes do Astro gerar páginas estáticas?
16:17 - 17:11 - Como o Astro gera sites extremamente rápidos com zero JavaScript?
17:11 - 18:03 - Como testar seu projeto Astro localmente no navegador?
18:03 - 18:50 - Como buscar dados do Directus dentro de uma página Astro?
18:50 - 20:47 - Como estilizar seu projeto Astro usando Tailwind CSS?
20:47 - 22:30 - Como criar páginas dinâmicas no Astro usando slugs?
22:30 - 23:36 - Como o Astro gera páginas automaticamente com getStaticPaths?
23:36 - 24:55 - Como permitir acesso público aos dados do Directus?
24:55 - 25:49 - Como o Astro transforma conteúdo CMS em HTML estático?
25:49 - 26:29 - Como criar autores e posts em um CMS headless?
26:29 - 29:59 - Como modelar um blog completo com posts, autores e imagens no Directus?
-----

🚀 Conte com a Rocketseat para se desenvolver em programação e IA: https://rseat.in/rocketseat-

🎓 Conheça os cursos de graduação e pós-graduação da Faculdade de Tecnologia Rocketseat: https://rseat.in/faculdade-rocketseatt

📚 Comece na programação com nossos cursos GRATUITOS: https://rseat.in/aprenda-programacao

🏢 Quer saber o nível de IA na sua empresa ou time? Veja aqui e receba um plano de ação para aplicar: https://rseat.in/ia-no-seu-time

🗣️ Conecte-se a +250mil devs e avance para o próximo nível com a nossa comunidade: https://rseat.in/comunidade-dev

Acompanhe a Rocketseat nas redes sociais:
TikTok: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat