Code With Antonio
@codewithantonio • 24,681 subscribers
My Education Platform: https://t.co/64WffDsLsj My YouTube (400k+): https://t.co/nQ9Z71MyW4
Shorts
Videos
🔊 Introducing Resonance, a full-stack AI voice platform like ElevenLabs No, this isn't my SaaS announcement, it's a completely free, open source tutorial 😎 🎤 Clone voices from audio samples or record your own 🎙️ Self-host an AI voice model with Modal 📦 Store audio with Cloudflare R2 🔐 Authentication & multi-tenant orgs with Clerk 🗄️ PostgreSQL database with Prisma Postgres ORM 💳 Pay-as-you-go billing with Polar 🪲 Each pull request reviewed with CodeRabbit 🚀 Learn to deploy on Railway 📊 Monitor errors and logs with Sentry 🎨 shadcn UI + Tailwind CSS v4
Code With Antonio94,801 次观看 • 3 个月前
day 4 of building an OpenCode clone from scratch i have a newfound appreciation for how good this tool is, and how much attention to detail was put into making it. here is what i managed to clone, and problems i've encountered: 1. scrollable autocomplete. mouse click to select, mousewheel to scroll, arrow keys that auto-scroll when you hit the edge, enter to confirm, sounds simple, but remember that this is a CLI tool, not a web app, all of this has to be implemented from the ground up 2. toast notifications in the terminal, success/error/info variants, auto-dismiss, easily triggerable through context 3. modal dialogs with backdrop overlay, click-outside-to-close, escape to dismiss, focus trapping so the content behind stops capturing input, again, seems simple, but the concept of a "dialog" does not exist in the terminal, so implementing it is way harder 4. built a responder chain for keyboard input, only the topmost layer owns the keyboard. ctrl+c walks down: dialog > command menu > clear input > exit. had to invent this because there's no built-in focus management in a terminal 5. generic command actions. each command gets a context with toast, dialog, and navigate (easily extendable for further features) 6. react-router with a memory router in a terminal app. navigate between screens with the same patterns as web 7. (mock) session view with user/bot message components. thinking indicator, model info footer, mode-colored borders when you use opencode, you don't think about these things, but there is a million little details they thought of. absolutely insane and cracked team Anomaly
Code With Antonio69,362 次观看 • 2 个月前
💥 Introducing Polaris, an AI-powered code editor like Cursor or Replit. Stop using AI coding tools. Start building them. 😎 ✏️ Full code editor with syntax highlighting & minimap 🤖 AI-powered code suggestions & quick edit 🧠 AI agent with file manipulation tools 📚 Live docs scraping with Firecrawl ▶️ In-browser code execution with WebContainers 🖼️ Live preview with terminal output 🐙 GitHub import & export ⚡ Background job execution with Inngest 🗄️ Real-time database with Convex 🔐 Authentication with Clerk 🐛 Error tracking, monitoring & logs with Sentry 🐰 AI PR reviews with CodeRabbit 🌐 Next.js 16 + TypeScript 🎨 shadcn UI + Tailwind CSS v4
Code With Antonio86,044 次观看 • 4 个月前
I spent the last few months building my own Claude Code from scratch 🤖 Today, I’m open-sourcing the entire project in a completely free 12-hour tutorial ⚛️ React-powered terminal UI with OpenTUI ⚡ Stream AI responses directly in the terminal 🛠️ Build your own tool calling system 📁 Read, write, and edit project files 🧠 Create custom agent modes & permissions 🔍 Search and understand entire codebases 🔐 Browser-to-CLI authentication with Clerk 💳 Usage billing with Polar 🤖 AI code reviews with CodeRabbit 🚀 Deployments with Railway 🗃️ Database with Neon Postgres 📈 Monitoring with Sentry
Code With Antonio11,137 次观看 • 14 天前
I refuse to publish a tutorial unless I am impressed by it, here is a sneak peek of the upcoming "Cursor clone" 🙏 - Agent mode Inngest - Live preview StackBlitz - Shadow AI suggestion - Quick AI edit - Realtime database Convex - Sync engine - Collapsible sidebars - Github import - Zip export - Auth & Payments Clerk - URL scraping Firecrawl - Error monitoring Sentry
Code With Antonio62,245 次观看 • 5 个月前
💥 Introducing Nodebase, a workflow automation platform like n8n, Zapier or Make. Every tutorial out there teaches you how to use automation apps, but what if you could build your own instead? 🚀 🔄 Visual workflow builder 🎯 Trigger nodes (Webhook, Google Form, Stripe...) 🤖 AI integrations (OpenAI, Claude, Gemini...) 💬 Messaging nodes (Discord, Slack...) 🌐 HTTP request node ⚡ Background job execution with Inngest 💳 Payments & subscriptions with Polar 🔐 Better Auth authentication 🎨 React Flow canvas 🗄️ Prisma Postgres ORM + Neon Postgres Postgres 🔒 Type safety with TypeScript + tRPC.io 🧙♂️ 🐛 Sentry error tracking + AI monitoring 🧑💻 CodeRabbit PR reviews 🌐 Vercel Deployment
Code With Antonio71,852 次观看 • 7 个月前
💥 Introducing Vibe, an AI powered app builder similar to Lovable, Replit and v0. No, this isn't my SaaS announcement, this is a product that you will learn how to build in my newest FREE course! 🚀 🚀 Next.js 15 + React 19 🎨 Tailwind v4 + shadcn UI 📡 tRPC.io 🧙♂️ for full-stack type safety 🔁 Inngest background jobs 🧠 Inngest agent toolkit 🔐 authentication 💳 billing 🧱 Component and app generation from AI prompts 🗂️ Live project preview with URL access 🖥️ E2B cloud sandboxes for runtime execution 🐳 Docker -based sandbox templating 🧠 AI model support (OpenAI, Anthropic, Grok) 📦 Prisma Postgres + Neon Postgres for database integration 🤖 CodeRabbit AI-powered PR reviews 🧾 Built-in credit system with usage tracking 🧪 Preview + code explorer toggle
Code With Antonio92,601 次观看 • 11 个月前
🔥 Unveiling all for my upcoming Discord clone tutorial: ✨ Real-time via SocketIO with Next 13 🔄 Tanstack React Query for infinite load on scroll 🏰 Create & edit servers + initial #general channel 🖼️ Image uploads with UploadThing from Theo 🔗 Unique server invites 👥 Kick, ban, role assign & manage members #️⃣ Multiple channels management 🚧 Websocket fallback: Polling with alerts 📹 Video & 🎵 Audio Channels via WebRTC LiveKit 📷 Image messages & 📁 PDF File messages 📝 Real-time message edit & delete 💬 1:1 convos & 🎦 video calls via LiveKit 🌓 Light and Dark mode 🔒 Auth via 🎨 UI via shadcn UI 🌌 MySQL DB via PlanetScale
Code With Antonio181,377 次观看 • 2 年前
💥 Introducing Echo, an AI powered support platform like Intercom, Crisp, or Zendesk. This isn't a sales pitch. It's a real app you'll build, step by step. 💬🚀 🚀 Next.js 15 + React 19 🎨 Tailwind v4 + shadcn UI 🧠 Agents for real-time AI chat 📣 AI tools for escalation and resolution 📚 Embeddings + RAG for smart knowledge base 🔊 Vapi for voice support 🔑 AWS Secrets Manager for API key storage 👥 for team management 🔐 for authentication 💳 for billing 🛠️ Embeddable chat widget 📈 Operator dashboard for conversation management 🧰 Embed script developer toolkit 🤖 AI models: OpenAI, Anthropic, Grok 📦 Turborepo monorepo architecture 🪵 Sentry for error tracking 🧑💻 CodeRabbit for PR reviews
Code With Antonio37,654 次观看 • 10 个月前
📣 My newest course is out! 📣 This time we will be building an original SaaS Platform for video calls and summaries with AI Agents 🤖 Are you ready to make 1M ARR 😁? 🤖 Real-time video calls with AI agents 📞 Video and chat powered by Stream 🔐 Authentication handled by Better Auth 💳 Subscription payments via Polar 🧠 AI summaries and context chat using OpenAI ⚙️ Background jobs powered by Inngest 🧑💻 Code reviews with CodeRabbit 🗄️ Scalable Postgres database via Neon Postgres 🌐 Built with Next.js 15 and React 19 🎨 Tailwind CSS v4 and shadcn UI for styling 📱 Fully responsive and mobile-friendly 🚀 Ready for production deployment on Vercel
Code With Antonio31,277 次观看 • 1 年前
没有更多内容可加载