diff --git a/next.config.mjs b/next.config.mjs index f0a931e1..416b807c 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -71,6 +71,7 @@ const permanentRedirects = [ "/docs/reference/python/middleware/encryption", "/docs/features/middleware/encryption-middleware?guide=python", ], + ["/blog/nextjs-openai-o1", "/blog/agentic-workflow-example"], ]; async function redirects() { diff --git a/pages/blog/[slug].tsx b/pages/blog/[slug].tsx index 432556a2..a7dbb753 100644 --- a/pages/blog/[slug].tsx +++ b/pages/blog/[slug].tsx @@ -75,6 +75,7 @@ const authorURLs = { "Bruno Scheufler": "https://brunoscheufler.com", "Lydia Hallie": "https://x.com/lydiahallie", "Joe Adams": "https://www.linkedin.com/in/josephadams9/", + "Charly Poly": "https://x.com/whereischarly", }; export default function BlogLayout(props) { diff --git a/pages/blog/_posts/nextjs-openai-o1.mdx b/pages/blog/_posts/agentic-workflow-example.mdx similarity index 96% rename from pages/blog/_posts/nextjs-openai-o1.mdx rename to pages/blog/_posts/agentic-workflow-example.mdx index 3e12b682..b4d7a5d2 100644 --- a/pages/blog/_posts/nextjs-openai-o1.mdx +++ b/pages/blog/_posts/agentic-workflow-example.mdx @@ -1,8 +1,8 @@ --- -heading: "Replacing complex UX patterns with Next.js and OpenAI o1" +heading: "Agentic workflow example: importing CRM contacts with Next.js and OpenAI o1" subtitle: A reimagined contacts importer leveraging the power of reasoning models with Inngest showSubtitle: true -image: /assets/blog/nextjs-openai-o1-preview/featured-image-2.png +image: /assets/blog/nextjs-openai-o1-preview/featured-image-3.png date: 2024-10-17 author: Charly Poly disableCTA: false @@ -15,6 +15,8 @@ _Such UI is a slow and tedious experience for the end-user and a challenge to ma In this article, we will review a demo CRM Next.js putting a contacts import feature on autopilot, remarkably demonstrating the power of agentic workflows. +If you want to follow along, you will find the full example project on GitHub: https://github.com/inngest/vercel-ai-o1-preview-crm-agent. + ## What is an AI Agentic workflow? An Agentic workflow is a new pattern consisting of relying on model reasoning to achieve a goal instead of providing a series of static prompts. @@ -30,8 +32,7 @@ Adding Agentic workflows to an application comes with many challenges: - **Reliability**: Agentic workflows rely on more tools than regular prompt-designed workflows. Adding more tools calling external APIs based on LLM-generated parameters raises the risk of failure. Recovering from failure enables the model to self-correct during the workflow execution. - **Unpredictability**: Pushing an agentic workflow to production requires setting up some safeguards on cost, duration, and output validation. -Let's now look at our Next.js CRM demo, featuring an autopilot contacts import feature. -We'll see that agentic workflows mostly reuse existing patterns found in Next.js and can already be used today to bring brand-new capabilities to Next.js applications. +This article will guide you through a Next.js CRM demo featuring an autopilot contacts import feature. We'll see how **Inngest helps deal with the challenges of agentic workflows by bringing long-running and retriable workflows** inside your Next.js application. ## Designing an agentic workflow with OpenAI o1 diff --git a/public/assets/blog/nextjs-openai-o1-preview/featured-image-2.png b/public/assets/blog/nextjs-openai-o1-preview/featured-image-2.png deleted file mode 100644 index 77ab18a8..00000000 Binary files a/public/assets/blog/nextjs-openai-o1-preview/featured-image-2.png and /dev/null differ diff --git a/public/assets/blog/nextjs-openai-o1-preview/featured-image-3.png b/public/assets/blog/nextjs-openai-o1-preview/featured-image-3.png new file mode 100644 index 00000000..2b74d79d Binary files /dev/null and b/public/assets/blog/nextjs-openai-o1-preview/featured-image-3.png differ