Back to Browse

Como Criar Formulários no Nextjs - Zod com React Hook Form

1.3K views
Aug 14, 2025
10:44

Aqui eu explico como você pode criar formulários no React ou Next.js de maneira muito simples, conectando o Zod a famosa biblioteca React Hook Form. Chega de sofrer com formulários!!! Compartilhe suas experiências e dúvidas nos comentários, quero muito ler suas dúvidas e te ajudar com respostas, vamos evoluir juntos! 🔗 Código do Projeto: https://github.com/guscsales/form-validation-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=hSAe6fuUxLc 💰 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=hSAe6fuUxLc 👕 Camisetas de Programador - Cupom GUS5: https://codeg.us/camisetas?utm_source=yt_desc&utm_term=hSAe6fuUxLc ❤️ == 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] Valeu, e até a próxima! 🖖 00:00 Intro 00:20 React Hook Form 01:00 Criando formulário no projeto 02:15 Como usar o React Hook Form 02:45 Explicando e aplicando o “register” 03:57 Explicando e aplicando o “handleSubmit” 06:06 Conectando o Zod no React Hook Form 08:00 Mostrando erros no formulário com “formState” 09:38 Conclusão #nextjs #cache #webdev #nextjs13 #nextjs14 #nextjs15 #thonlabs #saas #opensource #zod #reacthookform #reacthooks

Download

0 formats

No download links available.

Como Criar Formulários no Nextjs - Zod com React Hook Form | NatokHD