13 results for:
Build and Deploy an N8N & Zapier Clone | Next.js 15, React, Better Auth, Polar | Full Course 2025
Intermediate💻 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
DevOps Full Course for Beginners 2025 | Git, Docker, CI/CD, AWS, Kubernetes | Part 1
Beginner⭐▬▬▬▬ DOWNLOAD DEVOPS NOTES FOR FREE 👋 ▬▬▬▬⭐ https://acedevhub.com/projects/devops-full-course-notes ⭐▬▬▬▬▬ DOWNLOAD SOURCE CODE FOR FREE 👋 ▬▬▬▬▬⭐ https://acedevhub.com/projects/devops-full-course-source-code ⭐▬▬▬▬▬ SUBSCRIBE TO Tech Monk - Kapil👋 ▬▬▬▬▬⭐ https://www.youtube.com/@UC8tHFvrU1GhAeosHa-fFI6g ⭐▬▬▬▬▬▬ TIMESTAMPS 👋 ▬▬▬▬▬▬⭐ 00:00 Introduction 07:03 What is DevOps 14:20 DevOps Lifecycle 22:52 Linux in DevOps 38:58 Shell scripting 50:38 Project overview 57:50 Git & Github 01:58:32 Environment management 02:14:57 Docker 02:54:15 Docker Compose 03:07:05 Continuous Integration (CI) 03:21:12 Github actions, ESlint and Prettier 03:46:25 AWS EC2 Deployment 04:20:25 Continuous Deployment (CD) 04:39:00 Kubernetes Welcome to Part 1 of the DevOps Full Course 2025 🚀.In this video, we’re starting from the very basics and slowly building our way up to real-world DevOps practices. 📝 What You’ll Learn in Part 1 : What is DevOps? Why DevOps is needed in modern software development Linux basics for DevOps engineers Shell scripting for automation Git & GitHub fundamentals: install, init, add/commit, branching, push/pull Environment management (dev, staging, production explained) Docker basics: images, containers, Dockerfile (Node + React example) Docker Compose to run full MERN stack (frontend, backend, database) CI with GitHub Actions (linting & build pipeline) AWS deployment overview Intro to Kubernetes (pods, deployments, services, Minikube setup) 👋▬▬▬▬▬▬ BUY ME A COFFEE :) ▬▬▬▬▬▬👋 https://www.buymeacoffee.com/sangammukh6 🔔▬▬▬▬▬▬ Subscribe for more! ▬▬▬▬▬▬🔔 https://www.youtube.com/channel/UCuWZvXIeoDzZKCzpTuC5krQ 👋 ▬▬▬▬▬▬ CONNECT WITH ME ▬▬▬▬▬▬👋 Linkedin : https://www.linkedin.com/in/sangam-mukherjee-400488134/ Instagram: https://www.instagram.com/sangam_mukherjee/
DevOps Full Course | Build and Deploy a Scalable Production Ready API
IntermediateLearn DevOps fast in this crash course covering Git & GitHub, CI/CD pipelines, Docker, Kubernetes, IaC, and API deployment. Everything you need to automate dev and deployment. ⭐ Join JS Mastery Pro: https://jsm.dev/dops25-jsm 💎 Become a Top 1% Next.js Developer: https://jsm.dev/dops25-nextjs 📘 Become a member to access the Kubernetes Handbook + YAML & GitHub Actions cheatsheets: https://www.youtube.com/@javascriptmastery/join Use your promo code JAVA to get the Warp Pro plan for only $1, available for a limited time thanks to my friends at Warp! Warp: https://jsm.dev/dops25-warp Arcjet: https://jsm.dev/dops25-arcjet Neon: https://jsm.dev/dops25-neon 📁 FREE Video Kit (Code, Figma, Assets, Etc.): https://jsm.dev/dops25-kit 📙 Git & GitHub Course: https://jsm.dev/dops25-git 📘 Docker Course: https://jsm.dev/dops25-docker 📘 Backend Pro Course Waitlist: https://jsm.dev/dops25-backpro 📘 Tailwind Pro Course Waitlist: https://jsm.dev/dops25-twpro 📘 React.js Pro Course Waitlist: https://jsm.dev/dops25-reactpro 📘 React Native Pro Course Waitlist: https://jsm.dev/dops25-rnpro Rate us on TrustPilot: https://jsm.dev/trustpilot 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 — Introduction 00:06:04 — Introduction to DevOps 00:09:45 — What is DevOps 00:20:41 — What You Need to Learn in DevOps 00:25:42 — Version Control (Git & GitHub) 00:50:33 — CI/CD Pipelines 00:55:06 — Build Your First Pipeline 01:03:21 — Docker 01:55:39 — Kubernetes 02:03:35 — Kubernetes Demo 02:26:34 — Infrastructure as Code (IaC) 02:29:37 — More on DevOps Build & Deploy an API 02:30:49 — Setup 02:41:44 — ESLint Prettier 02:46:09 — Database Setup 02:54:18 — Logger & Middleware 03:05:15 — Authentication I 03:35:56 — Warp Setup 03:47:53 — Security Middleware 04:03:11 — Dockerization 04:21:49 — User CRUD 04:38:50 — Testing 04:48:35 — Next Steps
Learn Docker in 1 Hour | Full Docker Course for Beginners
BeginnerMaster Docker in one course; learn about images and containers on Docker Hub, running multiple containers with Docker Compose, automating workflows with Docker Compose Watch, and much more. 🐳 ⭐ Join JS Mastery Pro: https://jsm.dev/docker-jsmpro 💎 Become a Top 1% Next.js Developer: https://jsm.dev/docker-nextjs 📁 Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/docker-kit WebStorm: https://jsm.dev/docker-webstorm Rate us on TrustPilot: https://jsm.dev/trustpilot https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery Business Inquiries: contact@jsmastery.pro 00:00:00 — Introduction 00:01:58 — What is Docker 00:03:23 — Why should we use Docker 00:06:20 — How does Docker work 00:12:06 — How to Use Docker 00:19:49 — Hello Docker Demo 00:24:18 — React Docker Demo 00:41:51 — Publish Docker Image 00:44:17 — Docker Compose (React Demo) 00:53:32 — Docker Compose Watch (MERN Demo) 01:11:20 — Docker Scout 01:13:21 — Full Stack Next.js 14 Demo 01:22:48 — Should You Dockerize your application
TanStack Start Full Course 2025 | Become a TanStack Start Pro in 1 Hour
IntermediateIn this video I will be teaching you TanStack Start from the beginning. By the end of the video you will be comfortable on tanstack start to start building your own website. ⭐️ Check out My Courses: https://www.webdevultra.com 📖 Video Resources: Code Repo: http://webdevultra.com/video-info/s4I4JtOZNgg 💻 Check out my Blog: https://www.pedrotech.co 🐤 Follow me on Twitter: (https://twitter.com/pedrotech_) 📸 Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/) 🧳 Follow me on Linkedin: (https://www.linkedin.com/company/pedrotech) 👨💻 GitHub: https://github.com/machadop1407 📋 Business Email: pedro@pedrotech.co Timestamps: 00:00 | Intro 00:59 | Setting Up a TanStack Start Project 06:15 | Project Structure & Running the App 08:13 | Routing Fundamentals 13:00 | Dynamic Routes, Params & Not Found Pages 18:01 | Loader Functions 33:05 | Server Functions, Static Functions & Middleware 52:10 | Using TanStack Query with Server Routes 59:59 | Conclusion
Ash Framework!
Intermediate
Just Elixir Things!
Intermediate
Remix.run Guides
BeginnerEverything you need to work efficiently with Remix.run web development framework for Javascript.
React Router v7 information
Beginner
Full Stack Development with Java Spring Boot, React, and MongoDB – Full Course
IntermediateIn this full stack development course, you will learn how to create an application using MongoDb for the database, Java and Spring Boot for the backend, and React for the frontend. You will learn to develop a movie review application that will feature a separation of concerns between the client code and the server code. By implementing this loosely coupled architecture, these two parts (implemented using different technologies) can evolve in parallel and independently from one another. ✏️ Farhan Hasin Chowdhury teaches the backend section. ✏️ Gavin Lon teaches the frontend section. @GavinLon 💻 Backend Code: https://github.com/fhsinchy/movieist 💻 Frontend Code: https://github.com/GavinLonDigital/movie-gold-v1 🔗 Spring Initializr - https://start.spring.io/ 🔗 JDK Download Page: https://www.oracle.com/java/technologies/downloads/ 🔗 IntelliJ IDEA Download Page: https://www.jetbrains.com/idea/download/ 🔗 Postman Download Page: https://www.postman.com/downloads/ 🏗 MongoDB provided a grant to make this course possible. ❤️ Try interactive Full Stack courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Fullstack (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ ⌨️ (0:00:00) Course Introduction ⌨️ (0:01:48) JDK and IntelliJ IDEA Installation ⌨️ (0:06:13) MongoDB Atlas ⌨️ (0:20:35) Project Initialization ⌨️ (0:27:03) Project Structure ⌨️ (0:29:13) Running The Project ⌨️ (0:32:41) Writing The First Endpoint ⌨️ (0:35:33) Database Configuration ⌨️ (0:38:49) Installing Additional Dependencies ⌨️ (0:44:48) Setting Up Environment Variables ⌨️ (0:47:20) Movies and Reviews Endpoints ⌨️ (1:31:46) Testing ⌨️ (1:35:42) Backend Conclusion ⌨️ (1:36:45) Frontend Introduction ⌨️ (1:38:32) Create the React Project ⌨️ (1:43:49) Applying Bootstrap to our React application ⌨️ (1:52:47) Implementing the Use State and Use Effect Hooks ⌨️ (1:58:04) Create Home and Hero Component ⌨️ (2:06:56) Style the Carousel ⌨️ (2:15:21) Create Header Component (Navigation) ⌨️ (2:21:55) Create Trailer Component with react-player ⌨️ (2:28:46) Create Movie Reviews Functionality ⌨️ (2:34:43) Add and Get Reviews with HTTP Requests ⌨️ (2:40:33) Course Wrap Up 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news
Full Stack JavaScript Complete Course 2023 🔥
Beginner
React JS 19 Full Course 2025 | Build an App and Master React in 2 Hours
BeginnerDive straight into React—from basic JSX to advanced hooks—and build a real, modern app in this hands-on crash course! ⭐ Join JS Mastery Pro: https://jsm.dev/react25-jsmpro 💎 Become a Top 1% Next.js Developer: https://jsm.dev/react25-nextjs 📁 Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/react25-kit 📘 ReactJS Course Waitlist: https://jsm.dev/react25-waitlist Hostinger: https://jsm.dev/react25-hostinger Appwrite: https://jsm.dev/react25-appwrite WebStorm: https://jsm.dev/react25-webstorm Rate us on TrustPilot: https://jsm.dev/trustpilot 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
RAG com Typescript
IntermediatePotencialize seu Chatbot com a Técnica RAG: Busca Vetorial e Conteúdo Personalizado Neste vídeo, Fábio Vedovelli explora a técnica de *Retrieval Augmented Generation* (RAG), integrando conteúdos específicos em chatbots com GPT-4. Ideal para otimizar respostas de IA com informações exclusivas. Código-fonte: https://github.com/vedovelli/ag-ui-screencast Destaques do Vídeo - **Integração de Dados:** Aprenda a transformar artigos do TabNews em dados estruturados usando FireCrawl e armazená-los em bancos de dados vetoriais como Postgres com pgVector. - **Busca Semântica:** Configure buscas vetoriais para que o chatbot identifique semelhanças de significado, oferecendo respostas precisas e contextualizadas. - **Implementação Técnica:** Utilize tecnologias como Mastra para backend e CopilotKit para interface de usuário, criando uma experiência de chat intuitiva. - **Desenvolvimento Moderno:** Descubra como React Router e CopilotKit podem construir interfaces front-end eficientes para comunicação direta com a AI. Palavras-chave RAG, GPT-4, Busca Vetorial, Postgres, TabNews, React, Mastra, CopilotKit, AI, FireCrawl Este vídeo é perfeito para desenvolvedores e entusiastas de tecnologia que querem aprofundar seus conhecimentos em inteligência artificial e integrar funcionalidades avançadas em suas aplicações. Assista agora e transforme seu entendimento sobre AI e buscas semânticas! Sobre o Criador Fábio Vedovelli é especialista em desenvolvimento de software, apaixonado por compartilhar conhecimento através de screencasts detalhados. Confira outros vídeos no canal para mais conteúdos sobre tecnologia!