Learn Shopify Development

Check out Neon: https://get.neon.com/pt1 Want to Learn NextJS? 🍀 Check out my Course: https://www.webdevultra.com/nextjs Use code Next100 for 20% OFF! 📖 Video Resources: Code Repo: http://webdevultra.com/video-info/L5CsIkO5xv4 💻 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:00 | Intro 00:01:40 | Setup Project 00:08:40 | Authentication 00:35:08 | Creating Sidebar 00:53:08 | Dashboard Page 01:49:08 | Inventory Page 02:13:08 | Pagination 02:38:08 | Add Product Page 02:50:08 | Settings Page

Follow along as we build our new product Clipflow. The app is built using Ruby on Rails.

Get started with Rails 8 by building a basic blog, adding a WYSIWYG editor, putting it behind authentication, making it available as PWA, and deploying to production. Read all about Rails 8's features at: https://rubyonrails.org/2024/11/7/rails-8-no-paas-required #rails #rubyonrails #rails8

Rails 8 Unpacked with Typecraft s a 9-part video series exploring Rails 8’s default features through the lens of adding features to a task management app. You’ll learn: - Authentication with the new generator. - Asset management using Propshaft. - The Solid Trifecta for caching, messaging, and job queueing. - What's in the default Dockerfile. - Deployment with Kamal 2.0. You can build your own app or follow along with the demo app by checking out the branches of the GitHub repo found under each episode.

❤️ 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 ⚡️ typesense / cutting-edge, in-memory search engine for mere mortals: https://typesense.org/?ref=nunomaduro 🔎 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 #laravel #php #ai #claudecode #vibecoding #coding #webdev #programming #aicoding

💻 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