Fullstack NextJS & CrewAI Crash Course For Beginners [Source Code Included]
aiwithbrandon
View ChannelAbout
I teach developers how to build fullstack AI applications 🤖
Latest Posts
Video Description
🤖 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
Essential Web Dev Tools
AI-recommended products based on this video

Toddler Kitchen Tower, Learning Standing Tower, 4-in-1 Kitchen Black Wooden Stool Helper with Chalkboard Montessori and Waldorf Helper for Kids in Kitchen

Nulaxy Bluetooth FM Transmitter for Car, Upgraded QC3.0 & 5V 1A Dual USB Charger Bluetooth Car Adapter Wireless Radio, 7-Color LED Backlit Light, Hands-Free Calling, Support USB Drive TF Card - NX10

Fidqiog 20 Pack Tennis Racket Grip Tape, Anti-Slip Badminton Grip Tape, PU Upgraded Fabric Overgrip for Tennis Rackets, Badminton, Fishing

12 Colors Nail Art Pens Set, 2026 Upgraded Nail Art Markers for Kids Adults, Nail Polish Pens, for Diy Nail Art Beauty Adorn Manicure Tools (1Set)


















![I Automated My YouTube Channel With CrewAI [Free Source Code Included]](https://imgz.pc97.com/?width=500&fit=cover&image=https://i.ytimg.com/vi/OumQe3zotGU/hqdefault.jpg)





