Tutorial: Build a Human-Approved AI Workflow Console Using Next.js and OpenAI

A new developer tutorial from Gate of AI walks through building a Next.js App Router application that integrates OpenAI for human-supervised incident workflow automation. In the setup, an operator provides incident details and selects which runbook notes are passed as model context, after which OpenAI proposes a structured action plan validated using Zod. The system deliberately restricts the model to only two permitted action types — creating a local task or sending a webhook to a pre-configured URL — preventing the model from inventing new actions or selecting destinations. No actions are executed at plan-generation time; execution only proceeds after an operator explicitly approves the stored plan by its ID. The tutorial uses a server-side OpenAI JavaScript client and keeps all side-effect logic within application code, with API keys strictly confined to server-side environment variables.