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:

Checkout my other CrewAI Tutorials:

Resources:

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:44:31 Setup Tasks & Pydantic Models
01:03:16 Kickoff 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:40:36 Setup Page Layout
01:57:23 Setup Right Column Page Layout
02:16:06 Update CORS Policy In Flask App
02:48:28 Outro

[BuildNewThings]

crewAI creator here, I love this! So good!! I'd love to see a version of this using crewAI+, let's make sure to get you access :D

[sdb_gserrao]

Waiting days for this to come out! Thanks man! 🎉

[nerohoop]

Thanks Brandon for the great content, I started watching your tutorials this week. And created ai agents that could help me do a app store review analysis today. Just when I think about how to create a frontend you drop this video. Looking forward to see more from you

[RushyNova]

Thanks Brandon. This is exactly what I was looking for. I remember asking for an event based / workflow driven AI application 🙌🏽

[Beenee_AI]

Brandon. I can't express enough of how much I appreciate your work and lessons for all of us. Your videos are better than anything I have experienced online, learning wise. Please keep doing what you do and you'll grow an army of followers and future AI devs. Could you, when time is right, put something similar to this tutorial but with FastAOI instead of Flask? Anyway, I think that Fulstack project that contain (CrewAI/LangGraph + Fastapi + NextJS + Neo4j + Vercel + Stripe and maybe Firebase) could be an excellent starting point for each and one of your channel viewers . 1 such project could change everything to almost everyone here.. Well, plus a lot of dedication and little of luck :). Thank you in advance

[alrojas]

You are truly amazing, Brandon. Keep your content coming.
Thanks a billion, you have no idea how useful this has been.
Cheers,

[smznyud]

I been watching this since the first day release .still trying to experiment with it . super great project.

[BillBaran]

Thank you! Thank you! As a 20+ pro java developer, getting over the bootstrapping was a major hurdle. This was perfect, in pacing and content!

[aladinmovies]

Thanks Brandon! I love to see your videos and hear

[CodeSnap]

I was eagerly waiting for this after the announcement . Thankyou so so much.

[rstar]

Beautiful! THanks for the inside look!

[hectorprx]

Thanks for all your hard work, All The Best

[arthuraquino]

It would be great. For example, I use low code tools for the front end, so if you were part of the construction of the endpoints and deploying it to the cloud on Crewai's part, it would be amazing. It is free for anyone who wants to use the API wherever they want.

[vampondaway]

Thanks for great tutorial. We need more crewai + nextjs projects !!
It would be really cool if you could also show us beginners on how to actually deploy the project on vercel

[bonadio]

Great content, your videos are very detailed. Thanks for sharing

[uminhtetoo]

Thank you so much for sharing your experience and knowledge, Sir.

[RABWA]

Cool, started learning about the topic

[gerasimosplegas]

Awesome! You should definitely publish a completed version including cloud hosting (i.e. Vercel) and potentially optimising/analysing the running cost.

[EduGuti]

Amazing good tutorial!! One question: Is it possible to get an output of all the text that CrewAI sends to the model, to use it for fine-tuning local LLMs?

[amorotto]

This is awesome! Exactly what I've been looking for 👏👏 . I am thinking on how can I integrate human feedback in the loop using crewAI and get the response from the front end, crewAI provides the tool called "Human" but how can I connect that tool, or a similar custom one with the front end to receive the feedback needed?