Best way to Validate and Submit Forms in Next.js15 using Zod, Prisma, Hooks, Server Actions

Published: 05 August 2024
on channel: Programming with Umair
2,301
68

Build and validate forms like a senior developers with the help of zod, prisma, server actions and hooks. You will learn, how to create custom zod validation object that can be used to validate form both on client side and on server side. I will use prisma orm from db operation and mongodb as database. For performing db operations, will use server action and form hooks to store form data in database.

00:05 Next.js forms intro
01:45 install packages
02:50 Configure layout and pages
04:15 Add form ui
06:20 Configure prisma and db schema
10:00 Validate form on client side
15:30 Add zod validations
21:50 Show form validation errors
27:45 Add server action and hooks
32:35 Validate form on server side
35:30 Store form data in database
40:35 Add submit pending state

#zod #formvalidation #nextjs15 #prismaforms #mongodb

Follow Whatsapp Channel:
https://whatsapp.com/channel/0029Va7y...

React tutorials:
   • React.js Tutorials  

JavaScript Tutorials and Projects:
   • JavaScript Tutorial and Projects  

Angular Tutorials:
   • Angular 16 Life Cycle Hooks - Explain...  

Docker Tutorials & CI/CD:
   • Docker Tutorials & CI/CD  

Angular 16 Crash Course For Beginners:
   • Angular 16 Crash Course  

Tech Tutorials - Random:
   • Postman Tutorial - Testing APIs and B...  

Complete Next.js 13 Tutorials:    • Next.js 13 Tutorials - App Directory  

Next.js 14 Tutorials:
   • Next.js 14 Tutorials - App Directory  

Node Express MongoDB Bootcamp:    • Build REST API with Node Express MongoDB  

ChatGPT Tutorials:    • LLM, AI, Agents  

Join our facebook group:
  / 996305460498149  

Github repo (Give Star):
https://github.com/umairjameel321/nex...

Contact us for development services:
  / umair-jameel-24aa5368  


Watch video Best way to Validate and Submit Forms in Next.js15 using Zod, Prisma, Hooks, Server Actions online without registration, duration hours minute second in high quality. This video was added by user Programming with Umair 05 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,301 once and liked it 68 people.