Build Week #1, Day 5:
Build no-code workflow experiences
Charly Poly・CEOThe Workflow Builder UI
Since Zapier landed in users' hands, the Workflow Builder UI became a pattern found in many products to give users more control over a SaaS behavior (ex: Hubspot, Pipedream, Loops).
Building a Workflow Builder UI is a whole product inside a product, with complexity from the front-end (drag-and-drop, complex local states) conception to the back-end and infrastructure required to run the workflows (scheduling capabilities, compute scaling, reliability).
Today's Build Week example showcases a User Notification Builder UI, built with Next.js and Defer:
This demo leverages the @defer/client/next integration to integrate the Workflow steps, as Defer Background Functions, directly from the Next.js Client Components, leveraging Next.js Server Actions.
The whole back-end and infrastructure part of the User Notification Builder UI is gracefully handled, with a few lines of code, with Defer client and the Defer Platform.
Clone, customize and deploy this example
Related articles
Build Week #1: Wrap up
This first Build week has been the opportunity to share all the issues that Defer is solving for Serverless and LLM applications as well as when building complex no-code user experiences.
Build Week #1, Day 4: Build long-running OpenAI experiences
Build Week #1, Day 3: Schedule and offload emails