next-safe-actionplayground
Overview
  • Home
Core
  • Core Actions
  • Validation Errors
  • Middleware
Hooks
  • React Hooks
  • Optimistic Updates
Forms
  • Form Integration
  • React Hook Form
Framework
  • Navigation & Framework
  • GitHub

Playground

Interactive examples showcasing every feature of the next-safe-action library.

Core Actions
Direct calls, async schemas, auth context, output schemas
Validation Errors
Formatted, flattened, nested, custom error shapes
Middleware
Logging, auth chains, standalone middleware, rate limiting
React Hooks
useAction, callbacks, stateless forms, state updates
Optimistic Updates
useOptimisticAction with instant UI updates and revalidation
Form Integration
Stateful forms, file uploads, bind arguments
React Hook Form
Adapter hooks for react-hook-form integration
Navigation & Framework
Redirects, notFound, forbidden, unauthorized