Next.js Modal Form with React-Hook-Form, ShadCN/UI Dialog, and Server Actions - Tutorial

Next.js Modal Form with React-Hook-Form, ShadCN/UI Dialog, and Server Actions - Tutorial

Dave Gray via YouTube Direct link

Applying & Viewing the Modal

12 of 15

12 of 15

Applying & Viewing the Modal

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Next.js Modal Form with React-Hook-Form, ShadCN/UI Dialog, and Server Actions - Tutorial

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Welcome
  3. 3 What's Your Story?
  4. 4 Next.js Modal with a Form
  5. 5 Prerequisites
  6. 6 Project Dependencies
  7. 7 Example App
  8. 8 App Components & Routing
  9. 9 Fetching Type-Safe Data with zod-fetch
  10. 10 Form Component with react-hook-form
  11. 11 Save Alert Confirmation Pop-up
  12. 12 Applying & Viewing the Modal
  13. 13 onSubmit Function
  14. 14 Next.js Server Action w/ Zod Validation
  15. 15 Rendering the Form with Server Action Responses

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.