n8n IS BACK: new Claude Code MCP Syncs Next.js App With n8n Backend Automations
n8n: https://plug.dev.plug.dev/vdIYepw (sponsored) Like two-way data binding haha 👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Kinde $50 credit for auth and more https://kinde.com/r?kinde_ref=e95bc6f8f17eda7c 👉 Work with me: support@bytegrad.com 👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Web development roadmap: https://email.bytegrad.com 👉 Email newsletter (BIG update soon): https://email.bytegrad.com 👉 Discord: all my courses have a private Discord ⏱️ Timestamps: 00:00 Intro 02:05 Demo 03:07 n8n MCP setup 03:53 Claude Desktop setup 05:10 Codex setup 05:45 Claude Code setup 07:02 Tools 07:56 Create test workflow 08:37 Create ticketing workflow 10:40 Build frontend app 13:28 Demo 14:38 Edit n8n workflow and sync with app 16:00 Edit app and sync with n8n workflow Two-way data binding haha Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and KRS-number: 0001125554