A Forma CORRETA de Validar Formulários em JavaScript (com Zod e Schema Validators)

💰 Economize com impostos e tenha o melhor serviço contábil para devs, 50% OFF na Primeira Mensalidade: https://codeg.us/contador-para-devs?utm_source=yt_desc&utm_term=GqtI1odVsw4 Cansado de encher seu código com vários "ifs" para validar formulários? Nesta aula você vai aprender a forma correta e moderna de validar formulários em JavaScript, usando schema validators com a biblioteca Zod. Vamos aplicar esse conceito na prática, de forma simples e reutilizável, tanto no frontend (React) quanto no backend (Nextjs API/Node.js/Express). Tem dúvidas ou sugestões? Comenta aqui embaixo! Eu respondo tudo e adoro trocar ideia com a comunidade. 🔗 Link do Código: https://codeg.us/form-w-schema 🤝 == Parceiros da Codegus == 🤝 🇺🇸 Aprenda Inglês entre 3 e 12 meses com "A Jornada" - Método Validado e Prático: https://codeg.us/ingles-80-20?utm_source=yt_desc&utm_term=GqtI1odVsw4 👕 Camisetas de Programador - Cupom GUS5: https://codeg.us/camisetas?utm_source=yt_desc&utm_term=GqtI1odVsw4 ❤️ == Faça o algoritmo do YouTube amar nosso canal == ❤️ 🔔 Se curtir o conteúdo, deixa o like e se inscreve, isso me ajuda muito a continuar trazendo vídeos como esse! 📣 Compartilhe com seu amigo que também é dev! 🔎 == Onde mais você pode me encontrar == 🔎 - Instagram: https://codeg.us/ig-codegus (@gusquemfala) - Twitch: https://codeg.us/twitch-codegus (@gusquemfala) - TikTok: https://codeg.us/tiktok (@gusquemfala) 📧 == Contatos == 📧 Geral: [email protected] Comercial: [email protected] ⌛️ == Timestamps == ⌛️ 00:00 Porque validar com “ifs” é “errado” 02:22 Contador para Devs com 50% OFF 03:15 A solução para seus problemas com formulário 06:24 Criando formulário simples 11:35 Coletando dados do formulário 15:14 Criando schema para validação 25:01 Mostrando erros de validação na tela 32:09 Aplicando a mesma validação para uma API no backend 35:38 Respondendo comentários #nextjs #cache #webdev #nextjs13 #nextjs14 #nextjs15 #zod #javascript #schemavalidator #formularios