Remix.run Guides

❤️ sponsor this channel: https://nunomaduro.com/sponsorships 🙌🏻 this video was made possible by: 🐰 coderabbit / ai code reviews with instant feedback on pull requests: https://coderabbit.link/nunomaduro 🔴 redberry / work with the best laravel digital agency: https://redberry.international/?ref=nunomaduro 🛠️ jetbrains / code with phpstorm for world-class php development: https://jb.gg/nuno 🔎 serpapi / instantly access real-time search data from Google, Amazon, and more: https://serpapi.com/?ref=nunomaduro 💌 bento / the best way to send email with AI: https://bentonow.com/?ref=nunomaduro 🗣️ tts at $5 / donations: https://streamlabs.com/nunomaduro/tip ✨ socials: x: https://x.com/enunomaduro website: https://nunomaduro.com twitch: https://twitch.tv/nunomaduro tiktok: https://tiktok.com/@enunomaduro linkedin: https://linkedin.com/in/nunomaduro instagram: https://instagram.com/enunomaduro #php #javascript #laravel #typescript #claude #code #software #ai #vibecoding #mobile

💻 Source Code: https://cwa.run/nodebase 🎨 Free Assets: https://cwa.run/node-assets 🎥 Part 2: https://youtu.be/S-4DrLHtL1s?si=n4a7jM4FUWf9NN32 📚 Resources: Try Inngest: https://cwa.run/node-inngest Try Polar: https://cwa.run/node-polar Try Better Auth: https://cwa.run/node-auth Try Sentry: https://cwa.run/sentry Try CodeRabbit: https://cwa.run/node-rabbit Try Neon: https://cwa.run/node-neon In this tutorial, we're building Nodebase, a complete workflow automation platform from scratch. You'll learn how to create a visual drag-and-drop canvas for building workflows, integrate multiple triggers and AI providers, handle background job execution, and build a full SaaS business layer with authentication, subscriptions, and paywalls. We'll also cover error tracking with AI monitoring and a professional Git workflow with AI-powered code reviews. Key features: 🔄 Visual workflow builder 🎯 Trigger nodes (Webhook, Google Form, Stripe, Manual) 🤖 AI integrations (OpenAI, Claude, Gemini) 💬 Messaging nodes (Discord, Slack) 🌐 HTTP request node ⚡ Background job execution with Inngest 💳 Polar payments & subscriptions 🔐 Better Auth authentication 🎨 React Flow canvas 🗄️ Prisma ORM + Neon Postgres 🔒 Type safety with TypeScript + tRPC 🐛 Sentry error tracking + AI monitoring 🧑‍💻 CodeRabbit PR reviews 🌐 Next.js 15 App Router 📱 Production-ready SaaS Timestamps 00:00 Intro 06:05 01 Setup 29:33 02 Database 56:15 03 tRPC Setup 01:35:21 04 Authentication 02:37:24 05 Theme & Styling 02:55:05 06 Background Jobs 03:28:09 07 AI Providers 04:01:53 08 Error Tracking 04:27:54 09 Sidebar Layout 05:06:26 10 Payments Setup 05:44:04 11 Workflows Crud 06:45:20 12 Workflows Pagination 07:34:34 13 Workflows UI 08:23:40 14 Workflow Page 08:59:36 15 Editor Setup 09:50:42 16 Node Selector 10:40:32 17 Editor State 11:59:20 End of Part 1

An LLM is an incredibly powerful brain that knows everything about humanity and nothing about you or the software you run. This video walks through the four buzzwords that turn that raw brain into a system you can trust: agent harness, loop engineering, LLM Ops, and eval. No jargon, step by step, technical or not. You can build anything. You can learn anything. 💪 Timeline 0:00 Intro: the 4 AI agent buzzwords 0:42 What an AI agent run actually is 1:52 The memory system: procedural, semantic, episodic 3:37 What "harness" really means (the horse) 5:07 Storing and updating memory (databases, skills, summarizer agent) 8:28 Retrieval: RAG, SQL vs semantic search 10:00 Tool calling and why agents loop 10:52 Loop engineering and end-loop guardrails 13:21 A Claude Code hooks example 14:18 Eval and LLM Ops: why you need them 15:55 Tracing every run (Langfuse, LangSmith) 16:43 Evaluation: LLM as a judge 17:20 Diagnosing what broke 18:16 The gate: ship the fix or fix the bug 18:57 Zoom out: the full system 19:53 Wrap up Launch Full-Stack App Template: https://github.com/ShenSeanChen/launch-mvp-stripe-nextjs-supabase My AI Agent Startup AutoManus.io is an AI sales lead manager for made-to-order product sales. We embed directly where conversations happen (WhatsApp, email, web chat) to capture inbound, automate follow‑ups, and kill CRM busywork; live with 4 pilots and 2 contracts in motion, pre‑seed backed by Character VC. Focused on US/UK/Germany, raising to expand engineering and scale deployments. ☕️ Buy me a coffee: https://buy.stripe.com/5kA176bA895ggog4gh - X: https://x.com/ShenSeanChen - Sean's Discord: https://discord.gg/tvECErKcFr - AutoManus Discord: https://discord.gg/5HhcNjCR - LinkedIn: https://linkedin.com/in/shen-sean-chen - Github Link: https://github.com/ShenSeanChen - Instagram: https://www.instagram.com/sean_ai_stories Sub Count when launched: 13,050 Top Github Repos - LaunchMVP NextJS,Supabase,Stripe (1015 stars): https://github.com/ShenSeanChen/launch-mvp-stripe-nextjs-supabase - ReactNextJSTips (114 stars): https://github.com/ShenSeanChen/yt-react-nextjs-tips - DeepResearchAgentBackend (70 stars): https://github.com/ShenSeanChen/yt-DeepResearch-Backend - SupabaseTipsKanban (64 stars): https://github.com/ShenSeanChen/yt-supabase-tips-kanban - RAGVectorDB (56 stars): https://github.com/ShenSeanChen/yt-rag - KimiK2Claude (37 stars): https://github.com/ShenSeanChen/yt-kimi-k2-claude - DeepResearchAgentFrontend (33 stars): https://github.com/ShenSeanChen/yt-DeepResearch-Frontend - AgenticRAG (13 stars): https://github.com/ShenSeanChen/yt-agentic-rag You Can Build Anything Playlist (Full-Stack Dev Without CS Degrees) - Core7: 95% React/NextJS Use Cases https://www.youtube.com/watch?v=vZzFlAjz4rA&list=PLE9hy4A7ZTmpGq7GHf5tgGFWh2277AeDR&index=16 - Core6: 95% Supabase Use Cases https://www.youtube.com/watch?v=Pnoq2tIif3s&list=PLE9hy4A7ZTmpGq7GHf5tgGFWh2277AeDR&index=15 - Core5: StripeNextJSSupabase https://www.youtube.com/watch?v=ad1BxZufer8&list=PLE9hy4A7ZTmpGq7GHf5tgGFWh2277AeDR&index=8 - Core4: AuthSupabaseGoogle https://www.youtube.com/watch?v=AZAU3ClAWWE&list=PLE9hy4A7ZTmpGq7GHf5tgGFWh2277AeDR&index=6 - Core3: FastapiGCPPro https://www.youtube.com/watch?v=u3sfqpzzo-U&list=PLE9hy4A7ZTmpGq7GHf5tgGFWh2277AeDR&index=5 - Core2: SupabaseHero https://www.youtube.com/watch?v=V0kmgkyPsVQ&list=PLE9hy4A7ZTmpGq7GHf5tgGFWh2277AeDR&index=4 - Core1: LaunchAnApp https://www.youtube.com/watch?v=iQ2izvGG4tQ&list=PLE9hy4A7ZTmpGq7GHf5tgGFWh2277AeDR&index=3 - Launch WhereToMeet w/ GoogleMaps, Calendar, Supabase, Cursor: https://www.youtube.com/watch?v=5xMjX1QxGUY&list=PLE9hy4A7ZTmpGq7GHf5tgGFWh2277AeDR&index=2 - Launch EncourageMe w/ Cursor, Supabase, Vercel https://www.youtube.com/watch?v=hnvL4xa2DHA&list=PLE9hy4A7ZTmpGq7GHf5tgGFWh2277AeDR

Dive straight into React—from basic JSX to advanced hooks—and build a real, modern app in this hands-on crash course! Hostinger: https://jsm.dev/react25-hostinger Appwrite: https://jsm.dev/react25-appwrite WebStorm: https://jsm.dev/react25-webstorm 🎁 Video Kit (Codebase, and more): https://jsm.dev/react25-kit 📘 ReactJS Course Waitlist: https://jsm.dev/react25-waitlist ⭐ Join JS Mastery Pro: https://jsm.dev/react25-jsmpro 💎 Become a Top 1% Next.js Developer: https://jsm.dev/react25-nextjs https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery Business Inquiries: contact@jsmastery.pro Time Stamps 00:00:00 — Intro 00:01:41 — Crash Course 00:05:08 — React Setup 00:07:33 — Create React.js Project 00:15:12 — Components 00:17:55 — Props 00:20:03 — Styles 00:26:15 — States and Hooks 00:35:18 — UseEffect Hook 00:42:40 — React Snippets 00:43:27 — About the Project 00:46:28 — Tailwind CSS setup 00:49:55 — Assets & styles 00:51:00 — Develop header 01:02:56 — The Movie DB API 01:22:58 — Develop movie card component 01:30:12 — Implement search 01:33:38 — Optimize search 01:39:07 — Trending Movies Feature 01:54:01 — Show Trending Movies 02:03:58 — Deployment

Welcome to the Claude Code Playlist — your practical guide to building with Claude Code, even if you're not a developer. In this playlist, you'll learn how to use Claude Code effectively, avoid common mistakes, and build faster using real workflows, planning, agents, hooks, skills, plugins, checkpoints, and review mode. 📌 What you'll learn: • How to set up and use Claude Code • Best practices for non-coders & beginners • Plan mode (Shift + Tab) to avoid bad code early • Skills, Hooks, Agents & Plugins explained simply • Checkpoints & rewind (smart Ctrl+Z) • Review mode to catch mistakes before finishing • CLAUDE.md best practices & context management • Git workflow with Claude Code • Real-world prompts and workflows that actually work 💡 This playlist focuses on practical usage, not theory — helping you collaborate with Claude like a smart coding teammate. Whether you're a beginner, founder, non-coder, indie hacker, or developer, this playlist will help you get more out of Claude Code. 🔔 New videos added regularly — subscribe and follow along. #ClaudeCode #ClaudeAI #AIcoding #CodingAssistant #Anthropic #AIAgents #BuildWithAI #NoCode #VibeCoding

💰 Mentorship to six figure software engineer - https://calcur.tech/mentorship ⚙️ Backend Engineering Mind Map - https://calcur.tech/mindmap 💻 System Design Playlist - https://calcur.tech/system-design Timestamps: 00:00:00 - Intro 00:01:23 - Why use Elixir 00:03:48 - Installation and Setup 00:07:15 - Intro to Mix 00:09:02 - Overview of Elixir Files 00:10:52 - Running and Elixir Script 00:13:40 - Compiling Elixir 00:16:36 - Running an Elixir Application 00:23:29 - Intro to Hex 00:25:40 - Basic Types 00:26:53 - Creating a Variable 00:27:52 - Module Attributes 00:29:01 - Atoms and Strings 00:35:35 - Strings 00:38:40 - More about Hex 00:39:49 - Numbers 00:47:39 - Compound Types 00:47:53 - Dates and Times 00:50:50 - Example App - Time Until the New Year 00:56:27 - Tuples 01:01:59 - Lists and Loops 01:04:15 - Mapping 01:04:47 - Structs 01:11:46 - Building a Guessing Game - Taking User Input 01:14:00 - if Statements 01:15:07 - Random Number 01:16:26 - Docs and Arity 01:17:28 - Cases and Errors 01:19:19 - Case 01:22:23 - Lists 01:24:16 - Append and Prepend 01:25:29 - Comprehensions with Conditions 01:27:22 - Functional Programming 01:30:07 - Defining Custom Functions 01:34:41 - What’s Next? 💯 FREE Courses (100+ hours) - https://calcur.tech/free-courses 🏆 C++ Mastery Course - https://calcur.tech/cpp-mastery 🐍 Backend Python Course - https://calcur.tech/backend-python 🥇 Python Mastery Course - https://calcur.tech/python-mastery ~~~~~~~~~~~~~~~ CONNECT ~~~~~~~~~~~~~~~ ✉️ Newsletter - https://calcur.tech/newsletter 📸 Instagram - https://www.instagram.com/CalebCurry 🐦 Twitter - https://twitter.com/calebCurry 🔗 LinkedIn - https://www.linkedin.com/in/calebcurry ▶️ Subscribe - http://calcur.tech/subscribe 👨🏻‍🎓 Courses - https://www.codebreakthrough.com 🅿 Patreon - http://calcur.tech/patreon-calebcurry