Build a FULL Stack App for your n8n AI Agent in 20 Minutes

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024

ความคิดเห็น •

  • @IamSoniw
    @IamSoniw 2 หลายเดือนก่อน +3

    The n8n AI Agent video is extremely helpful for progressing to the next steps. Having installed n8n through self-hosting, I'm now determined to start exploring n8n step by step.

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      I'm glad you found it helpful - thank you!

  • @mharding27
    @mharding27 2 หลายเดือนก่อน +2

    Hi Cole, thank you for following up on this. Great to see n8n connected to a webhook. Keep up the good videos.

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      My pleasure, thank you man!

  • @NmkDozer
    @NmkDozer 2 หลายเดือนก่อน +4

    This video is a gold mine. Ill be looking more n8n videos. Thanks

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Awesome, I appreciate it a lot!!

  • @phantomslayer9714
    @phantomslayer9714 3 ชั่วโมงที่ผ่านมา +1

    Bro , thank you so much, you can’t understand, how much you’ve helped me ❤😎 love the awesome content

    • @ColeMedin
      @ColeMedin  2 ชั่วโมงที่ผ่านมา

      Happy to hear that!

  • @dawitgebeta9263
    @dawitgebeta9263 2 หลายเดือนก่อน +12

    Can you show us how you can deploy these to production? I find my challenge to be when I try deploying to the web/production instead of just localhost

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน +8

      @@dawitgebeta9263 Yes I am planning on making a video on how to deploy this in the near future! It's kind of a separate topic so I didn't want to include it here and make the video too long, but it's definitely important so I'll be covering it! And doing it justice by having a dedicated video just for deployment.

    • @paidoclock
      @paidoclock 2 หลายเดือนก่อน +1

      On this thread, can you deploy it on oracle cloud free tier? Thank you

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน +1

      @paidoclock You sure can! This can be deployed really to any cloud machine no matter the provider. When I make a video on deploying this (or other applications), I'll be sure to call out how it can work for any cloud machine. I will be using Linux, so my instructions will apply as long as you are using Linux (and that's available in Oracle).

    • @littledaddi3
      @littledaddi3 2 หลายเดือนก่อน

      vercel is quickest and easiest but maybe not best - but i like it.

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      @littledaddi3 I do like Vercel as well!

  • @annasc8280
    @annasc8280 2 หลายเดือนก่อน +1

    Spectacular! Too beautiful, thank you Cole!!!

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you very much Anna!!

  • @frostyface8877
    @frostyface8877 2 หลายเดือนก่อน +2

    Just found you today, been watching a few AI channels, will be checking out more of your content, 👍 good job

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      I appreciate it a lot!! Thank you!

  • @tomwawer5714
    @tomwawer5714 2 หลายเดือนก่อน

    Hi good job! I use o1 for coding I noticed it survives simple prompts and it can code a bit more elegant (read serviceable) code. It can refactor code into classes etc with simple refactor prompts. Only problem I have is GPS problem. Can I still read maps? Do I even remember how to code? :)

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you! And yes - o1 is fantastic for coding because of its behind the scenes reasoning!

  • @AnthonyGalati
    @AnthonyGalati 2 หลายเดือนก่อน +1

    Very awesome. Very nice job and good content.

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you Anthony, that means a lot!!

  • @zhangteng969
    @zhangteng969 2 หลายเดือนก่อน +1

    I am really looking forward to seeing how OpenWebUI and n8n can be integrated seamlessly. When will your explanation be available?

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      I'm glad!! I'll be putting a video out with OpenWebUI + n8n within the next month!

  • @tecnopadre
    @tecnopadre 2 หลายเดือนก่อน

    Great one. I've been taking a look at your videos and I've seen that you installed Postgres local with n8n at the same time. I've installed Postgress later one as I do it one by one... Now I'm trying to figure out how to create a table, connect it to n8n etc... which is the complicated part. This is the only part that I find in this video out of it. Anyways, I think your video is great.

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you very much!
      Let me know more specifically which part of getting a table set up and connected to n8n is causing you trouble and I've love to give some pointers!

    • @tecnopadre
      @tecnopadre 2 หลายเดือนก่อน

      @@ColeMedin I did create a docker postgres, then had to connected to the pgadmin postgres, then I did connect the dockers locally with addresses like 172.0.0.X and that made it. Now as I don't know which table to create I've seen in the n8n documentation that n8n creates the tables if they don't exist. So I'm waiting the workflow to work. Although I'm in the process of webhook, Google Drive, etc... Let's see how I can progress and I'll tell you. Thnks. It looks like in your Github you have two types of code though. And I've downloaded the more completed one. It's weird. Even if I create the file in the folder and I click on Test the Workflow. The Google Trigger never fires. UPDATE. I think it was the type of the file. PDF isnt' allowed? Working on txt...

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Yeah PDF isn't supported by default (you have to add an extract text node specifically for PDF which n8n provides) but it still should trigger the workflow! You do have to make sure the workflow is toggled to active in the top right, maybe that isn't checked in your case?

  • @brianchap2680
    @brianchap2680 21 วันที่ผ่านมา +1

    Hey man I love your videos. I’m having a hard time connecting n8n this way though. Do I have to run it on a local environment or can I get it working through the bolt.new development model?

    • @ColeMedin
      @ColeMedin  19 วันที่ผ่านมา

      Thanks Brian! Either should work! What is the error you are running into right now?

  • @JerryLJackson
    @JerryLJackson 2 หลายเดือนก่อน +2

    How about a video that shows how to create a simple custom Chat html embed and UI for copy and pasting as an on a clients web page? 🙏 The default n8n chat ux design looks terrible and has a start chat activate button and powered by logo that’s a problem

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      I agree and thank you for the suggestion! You can actually embed this Streamlit app as an pretty easily so it would work for that too! But I get wanting something even more simple so I could create a video using a tool like Bolt.new to create an HTML embed with much better styling!

  • @UmairFaiser
    @UmairFaiser 14 นาทีที่ผ่านมา

    hello man can you put a very basic vedio guiding on how to use n8n and create advanced automations..i watched many tutorials but i love the way u put explanations..sorry for asking this BTW..if it sounds too basic

  • @hunkims
    @hunkims หลายเดือนก่อน

    Can you make the stream-on output available?

    • @ColeMedin
      @ColeMedin  หลายเดือนก่อน

      Could you clarify what you mean by stream-on output?

  • @leodang00
    @leodang00 2 หลายเดือนก่อน +2

    Nice, can you build full stack SaaS AI project using n8n, Nextjs, Supabase and Lemon Squeezy as subscription payment gateway? It's gonna be huge. Some projects like PhotoRoom Clone, ChatPRD Clone, with credit system for multi pricing plans will be awesome

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน +2

      Thanks for the suggestions! I am certainly going to be creating content in the future taking these kind of apps further to make them full stack SaaS projects!

    • @leodang00
      @leodang00 2 หลายเดือนก่อน +1

      @@ColeMedin Yeah, really excited to watch these content from you!

    • @UmairFaiser
      @UmairFaiser 19 นาทีที่ผ่านมา

      @@ColeMedin really excited to watch it cant wait

  • @jimmyjam77
    @jimmyjam77 2 หลายเดือนก่อน +1

    In the HTTP Request node, do I enter my SupaBase anon key or secret key?

    • @ColeMedin
      @ColeMedin  หลายเดือนก่อน +1

      Great question! You want to use your anon key in the Streamlit frontend and then your secret key in the n8n backend. If you mean the HTTP request node in the n8n backend, then use the secret key!

    • @jimmyjam77
      @jimmyjam77 หลายเดือนก่อน +1

      @@ColeMedin ok thanks!

    • @ColeMedin
      @ColeMedin  หลายเดือนก่อน

      You bet!

  • @Slyndc
    @Slyndc 2 หลายเดือนก่อน

    We need to see this in production and a lifer video step by step, no lazy edits.

    • @sleepless-nite
      @sleepless-nite 2 หลายเดือนก่อน

      I know that Cole's videos are very general, but that's all most people need to start their project. I did something similar for my project, except I'm not using Streamlit, and it's very easy to do. Now, I'm running it locally to help with my day-to-day tasks at work. Not to mention, I only started learning N8N two weeks ago. With all these AI tools available to us, there's no reason you can't figure things out.

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน +1

      @@Slyndc I agree with what @SDChillRide said, but also I am planning on making more content in the future that goes way in depth taking something to production like you are saying! I don't want to do that for most videos though because most of the time people appreciate something concise to get them started. But there is a time for longer content too for sure!

  • @gilsonmiranda8372
    @gilsonmiranda8372 2 หลายเดือนก่อน +1

    Great content! Is it possible to make n8n ia chatbot ask for parameters not given by user to make and external api request?

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you very much! Could you clarify what you mean by having the n8n AI chatbot ask for parameters?
      Are you asking if the webhook can accept parameters not given by the user and use those to make API requests? If so, you can certainly do that! You can add extra parameters to the webhook, and then pass those into the "System Message" for the AI Agent (you can add the System Message by clicking on "Add Option" in the AI Agent node) so it knows what these values are and can use them to invoke tools that make external API requests.
      I hope that makes sense and please feel free to clarify if I didn't answer your question!

  • @PrashadDey
    @PrashadDey 2 หลายเดือนก่อน +1

    I was looking for this; Thanks, you're awesome!

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน +1

      @@PrashadDey I'm glad to hear, my pleasure and thank you!

  • @MH-xx6df
    @MH-xx6df 2 หลายเดือนก่อน +1

    Great tutorial!

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you!!

  • @thibdub2752
    @thibdub2752 2 หลายเดือนก่อน +1

    Hello Cole, thank for the video. I would like to see a video of Open Web UI with n8n.

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน +1

      My pleasure and thanks for the suggestion! I will be doing exactly this in the near future!

  • @camron1975
    @camron1975 2 หลายเดือนก่อน +1

    Another banger!!

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you Cam! 😎

  • @ammadkhan4687
    @ammadkhan4687 หลายเดือนก่อน

    is it possible to create own functions written in python to import like a module in n8n?

    • @ColeMedin
      @ColeMedin  29 วันที่ผ่านมา

      You can indeed create custom nodes for n8n! You have to make them with JavaScript/TypeScript though since n8n is an NPM package.
      docs.n8n.io/integrations/creating-nodes/overview/

  • @DesignDesigns
    @DesignDesigns 2 หลายเดือนก่อน +1

    Thank you. Nice work....

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you very much, my pleasure :)

  • @pureugong
    @pureugong 2 หลายเดือนก่อน +1

    Pretty awesome! Got insights from you !

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you! I'm glad you did!

  • @alexo7431
    @alexo7431 2 หลายเดือนก่อน +1

    thanks for sharing, this helps

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Of course Alex, I'm glad to hear! 😀

  • @mahmood392
    @mahmood392 2 หลายเดือนก่อน +1

    i want a version of this with a verification ID for users who want to use the agent on whatsapp for example - maybe connect it to twilio whatsapp number and then when a user talks to it it saves that phone number ID session perhaps asks for their name and email - and then this specific person has their own memeories for them specifically all based on their whatsapp phone number... though idk how to pull that off with n8n technically

    • @mahmood392
      @mahmood392 2 หลายเดือนก่อน

      i basically wanna do a RAG AGENT on whatsapp with automatic identification, with conversational memory if thats possible.

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      That is certainly doable - I love your use case! I might do something like this in the future!

  • @blicjames
    @blicjames 2 หลายเดือนก่อน +1

    Great video, as usual 😅
    Btw, isn't 'n8n' pronounced as 'natan'?

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you! I haven't heard it pronounced that way but maybe it is 😂

  • @Alkotas25
    @Alkotas25 2 หลายเดือนก่อน

    where can I host this publically? somewhere else than localhost?

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Sure can! I just made a video on this!
      th-cam.com/video/259KgP3GbdE/w-d-xo.html

  • @SerhatDemirkan
    @SerhatDemirkan 2 หลายเดือนก่อน +1

    Is that all free resources??

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Indeed it is! Supabase has an awesome free tier and you can even self host it since it is open source. You can host n8n and Streamlit yourself as well so the only thing you really have to pay for is the machine in the cloud to host it!

  • @c-h-r-i-z
    @c-h-r-i-z 2 หลายเดือนก่อน

    Hi Cole! You wanna build something that many, many people will be interested in?
    How about a simple server setup (standard PC with an RTX4090 or RTX3090 ) in a local environment offering inference to LAN members, with a super useful RAG engine?
    Small business, having emails, PDFs, CSV and Excel files, Meeting protocols etc. They don´t have the funds to get a 3rd party service come in and build a RAG pipeline for them. But they might have an IT Manager who can build a simple setup for the team to be used for querying, wiki etc.!
    Maybe even optimize the RAG engine with multi stepping so that the most relevant data is retrieved from the vector database?
    A possible stack could be privateGPT with qdrant and ollama - langchain for optimizing the retrieval workflow..
    Open source models are fast enough to do the reasoning on the data even today, so all can be private and local.
    You are a Pro so I guess you could put something like this together, right?

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Yeah I could put something like this together, I appreciate the suggestion a lot! What are your thoughts on doing it this way versus having businesses pay for a cloud machine to host everything?

  • @BugraYanlmaz
    @BugraYanlmaz 2 หลายเดือนก่อน

    Can I create this chat for other languages?

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน +1

      You sure can! LLMs are great at working with really any language. They do perform the best with English, but they still do well with others!

  • @monbeauparfum1452
    @monbeauparfum1452 หลายเดือนก่อน

    Did you try anythingLLM?

    • @ColeMedin
      @ColeMedin  หลายเดือนก่อน

      Not yet!

  • @digitalsoultech
    @digitalsoultech 2 หลายเดือนก่อน

    Has anyone actually got Claude to use relevant libraries for other work? I find too many uses of deprecated libraries being used. I want a system which incorporates the latest docs into the LLM and the only tool I know that is cursor but unfortunately it's doc crawling system is pretty shit. Surely there must be a tool outs there that automatically crawls and uses relevant docs

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Typically I can get Claude to use up to date libraries just by prompting it to do so if it hallucinated and used deprecated ones. But that of course depends a lot on the libraries you are using. Which ones have you seen Claude used that are out of date?
      I'm not aware of the kind of tool you are looking for, but that would be insanely cool and useful! One thing I'll say is some documentation pages, like the one for LangChain, have a chatbot that you can use to ask how to code certain things using the library. Of course its knowledge is more just limited to that library, but it's sill partly what you want!

    • @digitalsoultech
      @digitalsoultech 2 หลายเดือนก่อน

      ​@@ColeMedinI am playing around with web scrapers to extract documentation and feed it into the 2million token limit of Gemini and hope to god it can help.
      Let's see what happens

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Wow that's pretty cool, I hope it works well for you!

  • @NaifAlkaltham
    @NaifAlkaltham 2 หลายเดือนก่อน

    Respect to the AI Arabic translation

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Haha thank you, turns out someone had just commented "The French" on one of my videos. Not sure what that meant...

  • @danzreview
    @danzreview 2 หลายเดือนก่อน +1

    dang cool

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Thank you!

  • @MK-jn9uu
    @MK-jn9uu 2 หลายเดือนก่อน

    Why not Claude dev

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน +1

      Fair question! I just love the Claude website UI, but the convenience of Claude dev and having that right in the IDE is definitely a plus. So maybe I should use that in the future!

  • @mahdihussein2826
    @mahdihussein2826 2 หลายเดือนก่อน

    How can I deploy it on WhatsApp, Instagram?

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      Great question! A Streamlit app wouldn't be suited for a WhatsApp or Instagram deployment. You would want to use the WhatsApp or Instagram API to interact with the n8n agent through the webhook, similar to how I do it with the Streamlit UI.

  • @arvinzatulovsky6955
    @arvinzatulovsky6955 2 หลายเดือนก่อน

    People are using Lang chain to build AI agents ;)

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      I'm using a lot of LangChain myself to build agents! That plus LangGraph.

  • @m.bashar4309
    @m.bashar4309 2 หลายเดือนก่อน

    Combo

    • @ColeMedin
      @ColeMedin  2 หลายเดือนก่อน

      We love a good combo 😂