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

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/0029Va7yDtdKmCPVHT30ya3A

React tutorials:
https://www.youtube.com/playlist?list=PL3i9po_eXL_ry_n5DZ30aEHazNCWdOUz7

JavaScript Tutorials and Projects:
https://www.youtube.com/playlist?list=PL3i9po_eXL_rwqWg1yPGBFKFZWqjaCTZe

Angular Tutorials:
https://www.youtube.com/watch?v=Qts7H8P-FpI&list=PL3i9po_eXL_qZ4PNvMUcHBERa2m9QRFo1&pp=gAQBiAQB

Docker Tutorials & CI/CD:
https://www.youtube.com/playlist?list=PL3i9po_eXL_rej_oo1FyL3D7q1AewarfJ

Angular 16 Crash Course For Beginners:
https://www.youtube.com/playlist?list=PL3i9po_eXL_orh8YJcdGNO0C6P2mHABT7

Tech Tutorials - Random:
https://www.youtube.com/watch?v=IYRrE-yikb0&list=PL3i9po_eXL_pKCqB5J5KoRdR-4uebo1r-

Complete Next.js 13 Tutorials: https://www.youtube.com/playlist?list=PL3i9po_eXL_paQQIa4qTum7_9CPqQwiFH

Next.js 14 Tutorials:
https://www.youtube.com/playlist?list=PL3i9po_eXL_pyNKBtAAK_gVBWG5d8yZS9

Node Express MongoDB Bootcamp: https://www.youtube.com/playlist?list=PL3i9po_eXL_rdDdgVHSZjmzvwUB-jj8SU

ChatGPT Tutorials: https://www.youtube.com/playlist?list=PL3i9po_eXL_qtCoSV1GHX_5Q48D2La9xW

Join our facebook group:
https://www.facebook.com/groups/996305460498149/

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

Contact us for development services:
https://www.linkedin.com/in/umair-jameel-24aa5368/