NEW "use workflow" for Next.js CHANGES Everything - Workflow DevKit

Learn how to implement workflows in Next.js applications using the new Workflow DevKit and Motia platform in this comprehensive tutorial. Explore the revolutionary "use workflow" hook that simplifies complex workflow management by walking through a complete Next.js application setup and integration process. Master essential workflow concepts including the "use step" functionality, automatic retrying mechanisms, sleep operations, and sequential versus parallel execution patterns. Discover how to implement human-in-the-loop workflows that require manual intervention, set up event-driven workflows, and integrate cron jobs for scheduled tasks. Examine advanced features such as real-time streaming capabilities, comprehensive observability through the Workbench UI, cache revalidation strategies, and clean code separation techniques. Practice triggering workflows, monitoring execution states, and deploying workflow-enabled applications while exploring various workflow patterns including API-based steps, event-driven architectures, and automated scheduling systems.

Syllabus

00:00 Intro
01:10 Example
02:41 Motia
04:10 Next.js app overview
05:15 Next.js + Workflow DevKit setup
06:15 "use workflow"
06:43 "use step"
07:28 Retrying
08:28 Sleep
09:33 Next step
10:19 Sequential vs parallel
10:44 Hook human-in-the-loop
13:03 Sleep
14:37 Final steps
15:45 Trigger workflow
17:00 Streaming
19:22 Start workflow again
21:09 Observability
22:39 Motia
23:39 Clean code separation
24:12 Steps API, event, cron
25:05 Event-driven workflow
26:34 Human-in-the-loop
27:45 Revalidating cache
28:28 Observability with Workbench UI
29:38 Streaming
31:13 Start workflow
31:35 Final demo
31:55 Cron jobs
32:47 Other options
33:12 State
32:21 Advanced demos
33:46 Deployment
34:00 npx motia@latest create