Workflows are easy now

👉 Motia (sponsored): https://dub.link/useworkflow
👉 Motia manifesto (highly recommended read!): https://www.motia.dev/manifesto
👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
👉 Kinde $50 credit for auth and more https://kinde.com/r?kinde_ref=e95bc6f8f17eda7c
👉 Work with me: support@bytegrad.com

👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript
👉 Professional CSS Course: https://bytegrad.com/courses/professional-css

👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com
👉 Email newsletter (BIG update soon): https://email.bytegrad.com
👉 Discord: all my courses have a private Discord

⏱️ Timestamps:
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

#webdevelopment #reactjs #nextjs

Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code.

This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and KRS-number: 0001125554

ByteGrad

Vercel launched Workflow DevKit for Next.js, enabling developers to build complex backend workflows with steps, automatic retries, and human-in-the-loop approvals. The video demonstrates building a post publishing workflow with spam checking, enrichment, manual approval, and scheduled publishing. It compares Workflow DevKit with Inngest (Motion), highlighting Motion's additional features like Python support, easier streaming setup, infrastructure configuration options, and explicit cron job handling. Both tools simplify traditionally difficult backend tasks like background jobs, long-running processes, and queue management.

NEW "use workflow" for Next.js CHANGES everything (Workflow DevKit)