Master the implementation of type-safe server actions in Next.js through a comprehensive tutorial that demonstrates integration with next-safe-action and Sentry for robust error handling and logging. Build a full-stack application while exploring essential concepts including creating a safe action client, implementing customer and ticket actions, utilizing the useAction hook, adding ShadCN toast notifications for user feedback, and setting up detailed error tracking with Sentry. Gain hands-on experience with modern technologies like TypeScript, Tailwind CSS, Neon Postgres, and Kinde Auth while following practical examples and best practices for building secure, production-ready server actions.
Next.js Server Actions with Next-Safe-Action and Sentry - Type-Safe Error Handling Tutorial
Overview
Syllabus
Intro
Tech Stack
User Stories Checklist
Installing next-safe-action
Create the Safe Action Client
saveCustomerAction
useAction hook
ShadCN toast notifications
Display feedback from useAction
Testing the server action
Viewing errors in Sentry
saveTicketAction
useAction in Ticket Form
Testing the Ticket Form
Final Additions
Taught by
Dave Gray
Related Courses
-
Permissions and Authorization Implementation in Next.js Full Stack Projects
-
Next.js Full Stack Project with Next.js 15 and React 19
-
Next.js SQL Data Queries with Drizzle ORM - Building a Full Stack Project
-
Building React Tables with Next.js, ShadCN, and TanStack Table
-
Next.js Form Development with React-Hook-Form, Drizzle-Zod, and ShadCN/UI
-
Building Search Forms with Next.js and Drizzle ORM - Full Stack Implementation
