Neste vídeo eu mostro, passo a passo, como os sites e plataformas geram aqueles previews automáticos de link (o card com título, imagem e descrição) — do funcionamento básico até como você implementa corretamente usando meta tags (Open Graph / Twitter Cards), pré-renderização e dicas práticas para evitar problemas de cache e crawler. O que você vai encontrar neste vídeo - Entenda o que é um link preview e por que ele aparece quando você cola um link em redes sociais. - Open Graph e Twitter Cards: quais meta-tags são importantes e como configurá-las. - Demostração prática (exemplos com chamadas do servidor / Next.js / backends). - Técnicas de pré-render / SSR / headless para garantir que o crawler veja o conteúdo certo. - Ferramentas de depuração e dicas para lidar com cache e CDN que “travem” o preview. - Resultado final: como garantir um card bonito e informativo ao compartilhar seu link. Ferramentas úteis (para testar e depurar) - Facebook Sharing Debugger (para limpar cache do crawler do Facebook) - Twitter Card Validator - curl (para simular requests do crawler) - Lighthouse / DevTools (para checar performance e metadados) - Ferramentas de CDN (para invalidar cache quando atualizar a imagem) Dicas rápidas - Sempre use imagens com dimensões compatíveis (ex.: 1200×630 para OG). - Acione invalidação de cache na CDN quando atualizar a imagem do preview. Se o crawler não vê seu conteúdo, considere pré-render/SSR ou endpoints que retornem HTML com OG tags estáticas. Teste nas ferramentas oficiais após cada mudança. Se gostou do vídeo, deixa o like 👍, se inscreve no canal e ativa o sininho para mais conteúdo de desenvolvimento web e SEO técnico. Tem dúvida ou quer o código do exemplo? Comenta aqui embaixo que eu te respondo. --------------------------------------------------------------------------------------------------------------------- # Capítulos: 00:05 - Introdução: o que é um preview de link 00:50 - Setup: abrindo o terminal e ferramentas usadas 01:45 - Exemplo prático / Next.js e preview de link 05:16 - Testando o preview e debug inicial 08:52 - Implementação do backend (chamada de função) 17:24 - Qual é o algoritmo por trás dos previews 18:05 - Como implementar de verdade (passo a passo) 28:51 - Resultado final: o card de preview --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Pirâmide de Testes com React: Como Testar Seus Componentes da Forma Certa: https://www.youtube.com/watch?v=E8Uh85QnRZ0 » React Controllers: Separando UI e Comportamentos da Forma Certa!: https://www.youtube.com/watch?v=KsR73wAlG9Y » Unit of Work no Nest.js: Controle total de transações em cadeia sem falhas: https://www.youtube.com/watch?v=wZ3uI0frSPY » Transactional Script: A Arquitetura MAIS Subestimada no Back-end!: https://www.youtube.com/watch?v=_ElzLTf8io0 » Pare de Repetir Código! Entenda o Princípio DRY de uma Vez por Todas: https://www.youtube.com/watch?v=aflSgqp9XU0 --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

No vídeo de hoje vamos falar sobre a pirâmide de testes aplicada ao desenvolvimento com React. Você vai entender quais são os tipos de testes (unitários, integração e end-to-end), como eles se relacionam dentro da pirâmide e até onde realmente faz sentido testar seus componentes. Além disso, vamos criar um projeto em React do zero para exemplificar os testes na prática. Se você está começando no mundo dos testes ou já programa em React e quer estruturar melhor sua estratégia de testes, esse vídeo é para você! Inscreva-se no canal para mais conteúdos sobre React, testes e boas práticas de front-end. --------------------------------------------------------------------------------------------------------------------- # Capítulos: 00:00 – Introdução 00:05 – O que são testes unitários 00:13 – Pirâmide de testes: visão geral 00:18 – Pirâmide de testes aplicada ao React 00:24 – Criando projeto React do zero 00:38 – Configuração inicial com Vite 00:50 – Estrutura de testes no projeto 01:10 – Quando testar (e quando não testar) 01:25 – Conclusão e próximos passos --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » React Controllers: Separando UI e Comportamentos da Forma Certa!: https://www.youtube.com/watch?v=KsR73wAlG9Y » Unit of Work no Nest.js: Controle total de transações em cadeia sem falhas: https://www.youtube.com/watch?v=wZ3uI0frSPY » Transactional Script: A Arquitetura MAIS Subestimada no Back-end!: https://www.youtube.com/watch?v=_ElzLTf8io0 » Pare de Repetir Código! Entenda o Princípio DRY de uma Vez por Todas: https://www.youtube.com/watch?v=aflSgqp9XU0 » System Design em Entrevistas Técnicas: Como Passar e Se Destacar!: https://www.youtube.com/watch?v=KGG8OmURNsE --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

No vídeo de hoje eu vou te mostrar uma técnica simples e poderosa para separar UI (interface) de comportamentos em uma aplicação React. A ideia é criar camadas de controladores (controllers) que isolam a lógica dos componentes, trazendo mais escalabilidade, flexibilidade e testabilidade para sua aplicação. Esse padrão é super útil para projetos de qualquer porte — desde pequenos componentes até aplicações React grandes e complexas. Se você quer deixar seu código mais limpo, organizado e pronto para crescer, esse vídeo é para você! 🚀 📌 Capítulos do vídeo 00:00 - Introdução 00:31 - O problema: UI misturada com lógica 01:20 - Criando projeto base com Vite + React 02:26 - Configurando a estrutura inicial 03:45 - Separando UI e lógica com um Controller 06:40 - Implementando increment e decrement 09:20 - Vantagens de usar controllers no React 11:15 - Testando controladores isoladamente 12:50 - Testes de integração com componentes 14:40 - Flexibilidade e escalabilidade do padrão 16:20 - Conclusão + Próximos passos --------------------------------------------------------------------------------------------------------------------- # Projeto: LINK --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Unit of Work no Nest.js: Controle total de transações em cadeia sem falhas: https://www.youtube.com/watch?v=wZ3uI0frSPY » Transactional Script: A Arquitetura MAIS Subestimada no Back-end!: https://www.youtube.com/watch?v=_ElzLTf8io0 » Pare de Repetir Código! Entenda o Princípio DRY de uma Vez por Todas: https://www.youtube.com/watch?v=aflSgqp9XU0 » System Design em Entrevistas Técnicas: Como Passar e Se Destacar!: https://www.youtube.com/watch?v=KGG8OmURNsE » Como Cobrar por Freelances: Preço, Contrato e Planejamento Passo a Passo: https://www.youtube.com/watch?v=86W_mJeuhKw --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

No vídeo de hoje, vamos explorar a técnica Unit of Work aplicada em projetos com Nest.js onde você vai aprender: - O que é o padrão Unit of Work - Como ele ajuda a controlar transações e persistência de dados - Um exemplo prático usando orders e pedidos com Nest.js e TypeORM Se você quer levar seu backend para o próximo nível e aplicar padrões de projeto profissionais, esse conteúdo é para você! # Links: » Nest: https://nestjs.com/ » Prisma: https://prisma.io/ --------------------------------------------------------------------------------------------------------------------- # Projeto: https://github.com/mahenrique94/video-unit-of-work-nestjs --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Transactional Script: A Arquitetura MAIS Subestimada no Back-end!: https://www.youtube.com/watch?v=_ElzLTf8io0 » Pare de Repetir Código! Entenda o Princípio DRY de uma Vez por Todas: https://www.youtube.com/watch?v=aflSgqp9XU0 » System Design em Entrevistas Técnicas: Como Passar e Se Destacar!: https://www.youtube.com/watch?v=KGG8OmURNsE » Como Cobrar por Freelances: Preço, Contrato e Planejamento Passo a Passo: https://www.youtube.com/watch?v=86W_mJeuhKw » 2 ANOS Trabalhando para a GRINGA: https://www.youtube.com/watch?v=Dkov2YBhryw --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

Você provavelmente já usou Transactional Script e nem percebeu! Neste vídeo, eu explico o que é essa abordagem de design de software, onde ela se encaixa dentro da arquitetura de aplicações, suas vantagens, desvantagens e quando você deve (ou não) usá-la. Se você está começando a estudar padrões arquiteturais como DDD, Clean Architecture ou até mesmo apenas organizando melhor suas regras de negócio, entender o Transactional Script é ESSENCIAL. 🔥 Vem comigo e bora entender por que essa abordagem é tão comum — e ao mesmo tempo tão mal compreendida. 📌 Deixe seu like, se inscreva no canal e ative o sininho para não perder os próximos vídeos sobre arquitetura de software! --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Pare de Repetir Código! Entenda o Princípio DRY de uma Vez por Todas: https://www.youtube.com/watch?v=aflSgqp9XU0 » System Design em Entrevistas Técnicas: Como Passar e Se Destacar!: https://www.youtube.com/watch?v=KGG8OmURNsE » Como Cobrar por Freelances: Preço, Contrato e Planejamento Passo a Passo: https://www.youtube.com/watch?v=86W_mJeuhKw » 2 ANOS Trabalhando para a GRINGA: https://www.youtube.com/watch?v=Dkov2YBhryw » Minha Tech Stack para 2025 – As Melhores Ferramentas que Estou Usando!: https://www.youtube.com/watch?v=u8aHG8ZU4yQ --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

No vídeo de hoje vamos falar sobre um dos princípios mais importantes do desenvolvimento de software: o famoso DRY (Don't Repeat Yourself). 🚀 Você já se pegou copiando e colando o mesmo trecho de código várias vezes no seu projeto? Então, provavelmente está violando o princípio DRY — e isso pode te custar caro no futuro! 😬 Neste vídeo, vou te mostrar: - O que é o DRY e de onde surgiu esse conceito - Por que repetir código é tão perigoso (manutenção, bugs, tempo perdido) - Como aplicar o DRY na prática no seu dia a dia de programação Não importa se você trabalha com JavaScript, Python, Java, C# ou qualquer outra linguagem, esse princípio é universal e vai tornar seu código mais limpo, modular e fácil de manter. Se curtir o conteúdo, não esquece de deixar o like 👍, se inscrever no canal 🔔 e compartilhar com os amigos devs! 📢 Deixe nos comentários se você já sofreu por violar o DRY, ou se tem outras dicas para manter o código limpo. 🚀 Inscreva-se no canal para mais vídeos sobre desenvolvimento, boas práticas e o mundo da tecnologia! --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » System Design em Entrevistas Técnicas: Como Passar e Se Destacar!: https://www.youtube.com/watch?v=KGG8OmURNsE » Como Cobrar por Freelances: Preço, Contrato e Planejamento Passo a Passo: https://www.youtube.com/watch?v=86W_mJeuhKw » 2 ANOS Trabalhando para a GRINGA: https://www.youtube.com/watch?v=Dkov2YBhryw » Minha Tech Stack para 2025 – As Melhores Ferramentas que Estou Usando!: https://www.youtube.com/watch?v=u8aHG8ZU4yQ » Programação Visual com JavaScript – Criando um Sistema de Nós Interativos!: https://www.youtube.com/watch?v=42GgQHmN4ZE --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

System Design é uma das etapas mais temidas em entrevistas técnicas para desenvolvedores e engenheiros de software. Mas calma! Neste vídeo, vou te mostrar como se preparar, estruturar sua resposta e impressionar os entrevistadores. 📌 O que você vai aprender? ✔️ Como estruturar suas respostas no System Design ✔️ Principais pontos de atenção e armadilhas comuns ✔️ Como demonstrar clareza e pensamento crítico ✔️ Exemplos práticos para guiar seu estudo Se você quer aumentar suas chances de sucesso e finalmente dominar essa etapa, vem comigo! 🚀 --------------------------------------------------------------------------------------------------------------------- # Comunidade: https://discord.gg/9BA8UFtHpj --------------------------------------------------------------------------------------------------------------------- # Torne-se um membro(a) do canal: https://www.youtube.com/channel/UCSrG4Y5uz0dcSfi_2qMQdGQ/join --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Como Cobrar por Freelances: Preço, Contrato e Planejamento Passo a Passo: https://www.youtube.com/watch?v=86W_mJeuhKw » 2 ANOS Trabalhando para a GRINGA: https://www.youtube.com/watch?v=Dkov2YBhryw » Minha Tech Stack para 2025 – As Melhores Ferramentas que Estou Usando!: https://www.youtube.com/watch?v=u8aHG8ZU4yQ » Programação Visual com JavaScript – Criando um Sistema de Nós Interativos!: https://www.youtube.com/watch?v=42GgQHmN4ZE » Fluxo Moderno de Desenvolvimento de APIs com Nest.js e TypeScript (2025): https://www.youtube.com/watch?v=thRVyX-SBas --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

Se você tem dúvidas sobre como cobrar pelos seus freelances, esse vídeo é para você! Vou te ensinar passo a passo como levantar requisitos, definir funcionalidades, calcular horas, definir preço, criar um roadmap e estipular prazos. Além disso, também explico as partes mais importantes de um contrato freelance para garantir sua segurança e a do cliente. 🔹 O que você vai aprender: ✅ Como definir o valor do seu trabalho ✅ Como calcular o tempo de um projeto ✅ Como estruturar um contrato freelance ✅ Como evitar problemas e garantir pagamentos --------------------------------------------------------------------------------------------------------------------- # Comunidade: https://discord.gg/9BA8UFtHpj --------------------------------------------------------------------------------------------------------------------- # Torne-se um membro(a) do canal: https://www.youtube.com/channel/UCSrG4Y5uz0dcSfi_2qMQdGQ/join --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » 2 ANOS Trabalhando para a GRINGA: https://www.youtube.com/watch?v=Dkov2YBhryw » Minha Tech Stack para 2025 – As Melhores Ferramentas que Estou Usando!: https://www.youtube.com/watch?v=u8aHG8ZU4yQ » Programação Visual com JavaScript – Criando um Sistema de Nós Interativos!: https://www.youtube.com/watch?v=42GgQHmN4ZE » Fluxo Moderno de Desenvolvimento de APIs com Nest.js e TypeScript (2025): https://www.youtube.com/watch?v=thRVyX-SBas » React + Zustand: Buscando repositórios do GitHub com gerenciamento de estado: https://www.youtube.com/watch?v=Y9U0Cft7k0c --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

Já se passaram mais de 2 anos desde que comecei a trabalhar para empresas gringas e hoje vou compartilhar minha experiência completa! Como é o inglês? Quais são os níveis e réguas técnicas? Como são as reuniões reuniões? A gestão é diferente? Quais os desafios e vantagens? Vou responder tudo isso e muito mais! Se você quer saber como é trabalhar remotamente para o exterior, se precisa melhorar o inglês ou entender como funciona o mercado, este vídeo é para você! --------------------------------------------------------------------------------------------------------------------- # Comunidade: https://discord.gg/9BA8UFtHpj --------------------------------------------------------------------------------------------------------------------- # Torne-se um membro(a) do canal: https://www.youtube.com/channel/UCSrG4Y5uz0dcSfi_2qMQdGQ/join --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Minha Tech Stack para 2025 – As Melhores Ferramentas que Estou Usando!: https://www.youtube.com/watch?v=u8aHG8ZU4yQ » Programação Visual com JavaScript – Criando um Sistema de Nós Interativos!: https://www.youtube.com/watch?v=42GgQHmN4ZE » Fluxo Moderno de Desenvolvimento de APIs com Nest.js e TypeScript (2025): https://www.youtube.com/watch?v=thRVyX-SBas » React + Zustand: Buscando repositórios do GitHub com gerenciamento de estado: https://www.youtube.com/watch?v=Y9U0Cft7k0c » Astro 5: Explorando a Nova Content Layer para Gestão de Conteúdo: https://www.youtube.com/watch?v=-_hwJ34BjTw --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

No vídeo de hoje, vou compartilhar minha Tech Stack para 2025 – as melhores ferramentas e tecnologias que estou utilizando para desenvolvimento, produtividade e automação! Se você quer otimizar seu fluxo de trabalho e ficar por dentro das tendências, esse vídeo é pra você! --------------------------------------------------------------------------------------------------------------------- # Comunidade: https://discord.gg/9BA8UFtHpj --------------------------------------------------------------------------------------------------------------------- # Torne-se um membro(a) do canal: https://www.youtube.com/channel/UCSrG4Y5uz0dcSfi_2qMQdGQ/join --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Programação Visual com JavaScript – Criando um Sistema de Nós Interativos!: https://www.youtube.com/watch?v=42GgQHmN4ZE » Fluxo Moderno de Desenvolvimento de APIs com Nest.js e TypeScript (2025): https://www.youtube.com/watch?v=thRVyX-SBas » React + Zustand: Buscando repositórios do GitHub com gerenciamento de estado: https://www.youtube.com/watch?v=Y9U0Cft7k0c » Astro 5: Explorando a Nova Content Layer para Gestão de Conteúdo: https://www.youtube.com/watch?v=-_hwJ34BjTw » Node.js Agora Suporta SQLite Nativamente! Sem Bibliotecas Externas: https://www.youtube.com/watch?v=GrvG1S4BacU --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

Você já imaginou criar lógica de programação sem precisar escrever código linha por linha? Neste vídeo, exploramos o mundo da programação visual e mostramos como criar um sistema de nós no estilo Blueprint (Unreal), Visual Scripting (Unity) e Godot. Implementamos dois nós essenciais: ✅ Um nó para criar variáveis ✅ Um nó para exibir valores no console.log Tudo isso usando JavaScript no navegador! 🚀 💡 Se você curte Node RED, programação visual e desenvolvimento de jogos ou aplicações interativas, este vídeo é para você! # Links: » Unreal Engine: https://www.unrealengine.com/en-US » Unity: https://unity.com » Godot: https://godotengine.org/ » Node RED: https://nodered.org/ --------------------------------------------------------------------------------------------------------------------- # Projeto: https://github.com/mahenrique94/tst-blueprint --------------------------------------------------------------------------------------------------------------------- # Comunidade: https://discord.gg/9BA8UFtHpj --------------------------------------------------------------------------------------------------------------------- # Torne-se um membro(a) do canal: https://www.youtube.com/channel/UCSrG4Y5uz0dcSfi_2qMQdGQ/join --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Fluxo Moderno de Desenvolvimento de APIs com Nest.js e TypeScript (2025): https://www.youtube.com/watch?v=thRVyX-SBas » React + Zustand: Buscando repositórios do GitHub com gerenciamento de estado: https://www.youtube.com/watch?v=Y9U0Cft7k0c » Astro 5: Explorando a Nova Content Layer para Gestão de Conteúdo: https://www.youtube.com/watch?v=-_hwJ34BjTw » Node.js Agora Suporta SQLite Nativamente! Sem Bibliotecas Externas: https://www.youtube.com/watch?v=GrvG1S4BacU » Testes Unitários Nativos no Node.js: Tudo que Você Precisa Saber!: https://www.youtube.com/watch?v=5UC8NobtuoM --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

No mundo moderno do desenvolvimento de APIs, as ferramentas e práticas estão evoluindo rapidamente! 🚀 Neste vídeo, vou te mostrar um fluxo de desenvolvimento atualizado para 2025, utilizando Nest.js e TypeScript, sem depender de HTTP clients como Postman ou Insomnia. 📌 O que você vai aprender: ✅ Como testar suas APIs sem Postman/Insomnia ✅ Escrevendo testes E2E no Nest.js ✅ Gerando documentação com Swagger/OpenAPI ✅ As melhores práticas para um fluxo produtivo # Links: » Nest.js: https://nestjs.com --------------------------------------------------------------------------------------------------------------------- # Projeto: https://github.com/mahenrique94/video-desenvolvimento-de-apis-2025 --------------------------------------------------------------------------------------------------------------------- # Comunidade: https://discord.gg/9BA8UFtHpj --------------------------------------------------------------------------------------------------------------------- # Torne-se um membro(a) do canal: https://www.youtube.com/channel/UCSrG4Y5uz0dcSfi_2qMQdGQ/join --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » React + Zustand: Buscando repositórios do GitHub com gerenciamento de estado: https://www.youtube.com/watch?v=Y9U0Cft7k0c » Astro 5: Explorando a Nova Content Layer para Gestão de Conteúdo: https://www.youtube.com/watch?v=-_hwJ34BjTw » Node.js Agora Suporta SQLite Nativamente! Sem Bibliotecas Externas: https://www.youtube.com/watch?v=GrvG1S4BacU » Testes Unitários Nativos no Node.js: Tudo que Você Precisa Saber!: https://www.youtube.com/watch?v=5UC8NobtuoM » Node.js Agora Suporta TypeScript Nativamente!: https://www.youtube.com/watch?v=ieQ970bsrS0 --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

Aprenda como usar Zustand para gerenciar o estado de forma eficiente em aplicações React! 🎯 Neste vídeo, vamos construir uma aplicação prática: uma busca de repositórios do GitHub. Você verá como lidar com estados de loading, exibir os resultados em uma tabela e otimizar re-renders com useShallow. Se você quer melhorar a performance do seu código e entender como o Zustand facilita o gerenciamento de estado, este vídeo é para você! Vamos explorar desde os conceitos básicos até dicas avançadas para criar aplicações React performáticas. # Links: » Zustand: https://zustand.docs.pmnd.rs/getting-started/introduction --------------------------------------------------------------------------------------------------------------------- # Projeto: https://github.com/mahenrique94/tst-react-zustand --------------------------------------------------------------------------------------------------------------------- # Comunidade: https://discord.gg/9BA8UFtHpj --------------------------------------------------------------------------------------------------------------------- # Torne-se um membro(a) do canal: https://www.youtube.com/channel/UCSrG4Y5uz0dcSfi_2qMQdGQ/join --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Astro 5: Explorando a Nova Content Layer para Gestão de Conteúdo: https://www.youtube.com/watch?v=-_hwJ34BjTw » Node.js Agora Suporta SQLite Nativamente! Sem Bibliotecas Externas: https://www.youtube.com/watch?v=GrvG1S4BacU » Testes Unitários Nativos no Node.js: Tudo que Você Precisa Saber!: https://www.youtube.com/watch?v=5UC8NobtuoM » Node.js Agora Suporta TypeScript Nativamente!: https://www.youtube.com/watch?v=ieQ970bsrS0 » React 19 Chegou! Todas as Novidades e Como Atualizar Seu Código: https://www.youtube.com/watch?v=7sdDtY8eOL0 --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

No vídeo de hoje, mergulhamos nas novidades do Astro 5, com foco especial na recém-lançada Content Layer. Essa funcionalidade revolucionária permite que desenvolvedores integrem e gerenciem conteúdo de diversas fontes — desde arquivos locais até APIs externas e CMSs — de forma unificada e com tipagem segura. Discutiremos como a Content Layer simplifica o processo de carregamento e transformação de dados, além de explorar os benefícios de desempenho que ela traz, como builds até 5 vezes mais rápidos para conteúdo em Markdown. Se você está procurando otimizar a gestão de conteúdo no seu projeto Astro, este vídeo é para você! # Links: » Astro 5 - Content Layer: https://astro.build/blog/astro-5/#content-layer --------------------------------------------------------------------------------------------------------------------- # Projeto: https://github.com/mahenrique94/tst-astro-5 --------------------------------------------------------------------------------------------------------------------- # Comunidade: https://discord.gg/9BA8UFtHpj --------------------------------------------------------------------------------------------------------------------- # Torne-se um membro(a) do canal: https://www.youtube.com/channel/UCSrG4Y5uz0dcSfi_2qMQdGQ/join --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Node.js Agora Suporta SQLite Nativamente! Sem Bibliotecas Externas: https://www.youtube.com/watch?v=GrvG1S4BacU » Testes Unitários Nativos no Node.js: Tudo que Você Precisa Saber!: https://www.youtube.com/watch?v=5UC8NobtuoM » Node.js Agora Suporta TypeScript Nativamente!: https://www.youtube.com/watch?v=ieQ970bsrS0 » React 19 Chegou! Todas as Novidades e Como Atualizar Seu Código: https://www.youtube.com/watch?v=7sdDtY8eOL0 » Devlog #3: Efeitos sonoros, entry point único no jogo de terror em 3D na Unity: https://www.youtube.com/watch?v=gwj8FZHjdYY --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94

Neste vídeo, apresento a nova funcionalidade do Node.js que permite o suporte nativo ao banco de dados SQLite, sem a necessidade de bibliotecas externas como sqlite3 ou better-sqlite3. Vamos explorar como configurar, usar e tirar o máximo proveito dessa novidade incrível para projetos mais leves e eficientes. Ideal para desenvolvedores que buscam simplicidade e desempenho! # Links: » SQLite: https://nodejs.org/api/sqlite.html --------------------------------------------------------------------------------------------------------------------- # Projeto: https://github.com/mahenrique94/tst-node-sqlite --------------------------------------------------------------------------------------------------------------------- # Comunidade: https://discord.gg/9BA8UFtHpj --------------------------------------------------------------------------------------------------------------------- # Torne-se um membro(a) do canal: https://www.youtube.com/channel/UCSrG4Y5uz0dcSfi_2qMQdGQ/join --------------------------------------------------------------------------------------------------------------------- # Apoie meu trabalho: https://patreon.com/MatheusCastiglioni --------------------------------------------------------------------------------------------------------------------- # Veja também: » Testes Unitários Nativos no Node.js: Tudo que Você Precisa Saber!: https://www.youtube.com/watch?v=5UC8NobtuoM » Node.js Agora Suporta TypeScript Nativamente!: https://www.youtube.com/watch?v=ieQ970bsrS0 » React 19 Chegou! Todas as Novidades e Como Atualizar Seu Código: https://www.youtube.com/watch?v=7sdDtY8eOL0 » Devlog #3: Efeitos sonoros, entry point único no jogo de terror em 3D na Unity: https://www.youtube.com/watch?v=gwj8FZHjdYY » Devlog #2: Sistema de missão, tarefas e save no jogo de terror em 3D na Unity: https://www.youtube.com/watch?v=rmA0BqaQfAo --------------------------------------------------------------------------------------------------------------------- # Thumbnails: Imagens das thumbnails geradas e fornecidas pela Leonardo.ai. --------------------------------------------------------------------------------------------------------------------- # Assine a newsletter para receber conteúdos e novidades por email - http://eepurl.com/ggP7Rv --------------------------------------------------------------------------------------------------------------------- # Me siga nas redes sociais: - Blog: http://blog.matheuscastiglioni.com.br/ - Site Pessoal: http://www.matheuscastiglioni.com.br/ - Facebook: https://www.facebook.com/matheus.castiglioni.5 - Github: https://github.com/mahenrique94 - Instagram: https://www.instagram.com/mahenrique94/ - Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/ - Medium: https://medium.com/@mahenrique94 - Twitch: https://www.twitch.tv/mahenrique94 - Twitter: https://twitter.com/mahenrique94