🤖 Download the Source Code Here: https://brandonhancock.io/nextjs_crewai_tutorial Don't forget to Like and Subscribe if you're a fan of free source code 😉 📆 Need help with CrewAI, join our FREE Skool Community: https://skool.com/ai-developer-accelerator/about In this video, you're going to learn how to build a backend application to launch your Crews. You'll also learn how to build a NextJS frontend application to pass data to your Crews and view the results of your Crews as they perform their duties. 📰 Stay updated with my latest projects and insights: LinkedIn: https://www.linkedin.com/in/brandon-hancock-ai/ Twitter: https://twitter.com/bhancock_ai Checkout my other CrewAI Tutorials: - CrewAI Tutorial: Complete Crash Course for Beginners - https://youtu.be/sPzc6hMg7So - CrewAI Tutorial for Beginners: Learn How To Use Latest CrewAI Features - https://youtu.be/Jl6BuoXcZPE - How To Connect Local LLMs to CrewAI [Ollama, Llama2, Mistral] - https://youtu.be/0ai-L50VCYU Resources: - Create API Key in google cloud: https://console.cloud.google.com/apis/credentials - Enable YouTube Data v3: https://console.cloud.google.com/apis/api/youtube.googleapis.com/metrics Timestamps 00:00:00 Introduction 00:00:12 Application Overview 00:02:34 Application Architecture 00:05:27 Project Setup 00:09:01 Install BE Dependencies 00:11:27 Setup api.py 00:22:12 Setup crew.py 00:26:48 Setup jobs_manager.py 00:35:17 Setup agents.py 00:44:31 Setup Tasks & Pydantic Models 01:03:16 Kickoff Crew 01:08:36 Setup api.py - Fetch Crew 01:13:30 Setup YouTube Search Tool 01:21:18 Setup Serper Search Tool 01:23:20 BE Debugging 01:27:25 Setup Frontend NextJS Application 01:37:18 Setup Header.tsx 01:40:36 Setup Page Layout 01:43:27 Create InputSection.tsx 01:57:23 Setup Right Column Page Layout 02:00:46 Create useCrewHook.tsx 02:16:06 Update CORS Policy In Flask App 02:19:02 Continue Building useCrewHook.tsx 02:28:18 Create EventLog.tsx 02:35:14 Create FinalOutput.tsx 02:48:28 Outro