Criei um CMS moderno com Astro + Directus скачать в хорошем качестве

Criei um CMS moderno com Astro + Directus

🚨 OFERTAS IMPERDÍVEIS DA SEMANA DO CONSUMIDOR Até 40% OFF na assinatura do Rocketseat ONE e até 50% OFF nas pós-graduações 👉 Confira aqui: https://beacons.ai/rocketseatt 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