Fullstack NextJS & CrewAI Crash Course For Beginners [Source Code Included]

🤖 Download the Source Code Here:

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:

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

– 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

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