Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

๐Ÿ’ฅ 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...

92,964 Aufrufe โ€ข vor 1 Jahr โ€ขvia X (Twitter)

10 Kommentare

Profilbild von Code With Antonio
Code With Antoniovor 1 Jahr

Watch on YouTube:

Profilbild von Code With Antonio
Code With Antoniovor 1 Jahr

Watch on my platform:

Profilbild von Code With Antonio
Code With Antoniovor 1 Jahr

@trpcio .@theo can i submit this as late t3 clone? jk, but i definitely would've participated if i wasn't working on this!

Profilbild von Josh tried coding
Josh tried codingvor 1 Jahr

@shadcn @trpcio he has done it again, incredible work man

Profilbild von Code With Antonio
Code With Antoniovor 1 Jahr

@shadcn @trpcio Thank you Josh!!

Profilbild von Vasek Mlejnsky
Vasek Mlejnskyvor 1 Jahr

@shadcn @trpcio Hey @YTCodeAntonio, I'm the ceo of @e2b. This is awesome tutorial! Thanks for creating this

Profilbild von Code With Antonio
Code With Antoniovor 1 Jahr

@shadcn @trpcio @e2b Hi Vasek! Nice to meet you! So happy you like the tutorial, I had a great time using E2B!

Profilbild von Sahaj
Sahajvor 1 Jahr

@shadcn @trpcio thanks for featuring tweakcn :) The video looks amazing. Will check it out for sure

Profilbild von Code With Antonio
Code With Antoniovor 1 Jahr

@shadcn @trpcio ๐Ÿซถ

Profilbild von Coding in Flow
Coding in Flowvor 1 Jahr

@shadcn @trpcio Bro are you UPS because you just delivered

ร„hnliche Videos

I built a mobile app to check Paddle revenue (because they don't have one): ๐Ÿ‘‰ - Use your Paddle API key (read-only and scoped) - Live data with beautiful and useful graphs built with native Swift UI. - Multi-account supported, unified revenue metrics. - Data stay on device, no server (api requests are sent directly from your phone) - Home widgets - I made it free to download on App Store (once it's approved) - Buy the source code for $19 and customize it however you want (save 5hrs of prompting if you try to do it yourself). Some interesting facts about this side project: - I vibe coded with 100% claude code remotely on my Mac Mini (with my AI assistant setup) in less than 24 hours. - I have read 0 line of code in this project and never opened Xcode myself. - My AI assistant designed the app with GPT Image 2, built the app with Swift UI, test it on simulator (via screenshots), send the test build to TestFlight for me to test, and invited me to the app store connect account so I can test on my phone, then the AI submitted the app to App Store and currently waiting for approval. - For the website, I ask it to come up with a domain name, I bought it via manually and give it access via Cloudflare API, the AI design and create a static website with GitHub, test it with lighthouse CLI, deploy via GitHub pages, config the domain DNS, deploy the website. - Then I sign up an account with Polar payment, create an API key and ask the AI to setup a store, add payment, link with the account, and add the payment to the website. The entire process happened in the last 24 hours with me only talking to the AI via Telegram. This is such a fun side project not only to create an app that I wish exists, but also to push the limit of what I can use AI for, and so far I'm very impressed. I'll create so much more apps! It feels like I have unlocked a super power.

Tony Dinh

43,922 Aufrufe โ€ข vor 3 Monaten

New short course: Vibe Coding 101 with Replit! Learn to build and host applications with an AI agent in this course, built in partnership with Replit โ • and taught by its President Michele Catasta and Head of Developer Relations . Coding agents are changing how we write code. "Vibe coding" refers to a growing practice where you might barely look at the generated code, and instead focus on the architecture and features of your application. However, contrary to popular belief, effectively coding this way isn't done by just prompting, accepting all recommendations, and hoping for the best. It requires structuring your work, refining your prompts, and having a systematic process that lead to a more efficient and effective workflow. I code frequently using LLMs, and asking an LLM to do everything in one shot usually does not work. I'll typically take a problem, partition it into manageable modules, spend time creating prompts to specify each module, and use the model to produce the code one module at a time, and test/debug each module before moving on. A process like this is making me and many other developers faster and more efficient. In this video-only course, youโ€™ll learn how to use Replitโ€™s cloud environment--with an integrated code editor, package manager, and deployment tools--to build and deploy web applications. Along the way, youโ€™ll learn strategies for working effectively with agents and improve your development skills. In detail, youโ€™ll: - Understand principles of agentic code development such as being precise, giving agents one task at a time, making prompts specific, keeping projects tidy, starting with fresh sessions for each new feature, and how to approach debugging. - Learn how to get started with Replit, and key skills for vibe coding: Thinking, using frameworks, checkpoints, debugging, and providing context. - Create a product requirement document (PRD) and wireframe for your agent to build a prototype of a website performance analyzer. - See how to use an agent to make your prototype more visually appealing, and deploy it application others to access . - Learn to build a head-to-head national park ranking app, from a sample dataset, with voting capabilities and persistent data storage, and refine further ask the assistant to recap and explain what it built to find room for improvement and reinforce your learning. By the end of this course, youโ€™ll have a solid foundation in building with coding agents, and a process you can use to keep vibe coding effectively. Please sign up here:

Andrew Ng

752,900 Aufrufe โ€ข vor 1 Jahr

Introducing Workshop: cloud + on-device agentic AI. And to celebrate, we're giving away $250k in Google Gemini AI credits. (details below). The future of AI work is neither cloud-based nor local. It's both. In Workshop Cloud, you can use agents powered by frontier models like Claude and/or open source models like Z.ai's GLM-5 to build internal tools, dashboards, and AI web apps. Or, breeze through tasks like managing your Google and Meta Ads. In Workshop Desktop, you can do all the same right on your computer, plus make desktop apps, mobile apps, and 3D creations. Our favorite part? You can power the full agent experience with local models like Qwen 3.5 family on your computer. Fully offline. 2026 is the year in which local models for agentic tasks will become viable for mainstream use. But the setup for tools like OpenClaw is like setting up Linux from scratch on your computer. Workshop Desktop is one-click to install on Windows, Mac, and Linux. It recommends which open source model you should use for your hardware and lets you download and run it right in the app. And its agent harness allows you to chat, create websites, build personal utilities, and analyze data. 100% offline. Or multitask with AI models in the cloud while running other agent threads locally. Start in Workshop Cloud when you want flexibility and speed. Download your project and continue in Workshop Desktop when you want local files, privacy, and/or better performance on large code bases. Publish from either. The agent tooling space is maturing and discerning users have come to expect a lot from their tools. We've packed Workshop with features to help you 10x your productivity. - Native support for skills - Autocompaction for seamless context management - Built-in AI for your apps - Dozens of connectors, like Google Drive, Big Query, and Supabase - dbt integration to ground your dashboards in your semantic layer - Native Github integration - Private app deployment - ... and more (+ we're shipping super fast) To access the free credit offer, RT this post and reply with "Workshop". Make sure you are following us so we can DM you the instructions to redeem. - First 100 to RT + comment get $500 in credits. - Everyone else gets up to $250 And thanks to our partners Modal, Google Gemini, and Z.ai!

Workshop AI

29,022 Aufrufe โ€ข vor 5 Monaten

Everyone's talking, reading, or writing about how much is changing in how we build products in the future, but very few people have actually experienced what the most cutting edge tools are capable of. In a new series on my podcast, I'm going to sit down with the founders of the most advanced product development tools to live demo what these tools can do, and then talk about the implications of this on product people's careers and lives. To kick things off, I sat down with Amjad Masad (Amjad Masad), co-founder and CEO of Replit โ •, a browser-based coding environment that allows anyone to write and deploy code. Replit has 34 million users globally and is one of the fastest-growing developer communities in the world. In our conversation, Amjad shares: ๐Ÿ”ธ A live demo of Replit building a full-stack web app from a text prompt ๐Ÿ”ธ The implications of AI-powered development for product managers, designers, and engineers ๐Ÿ”ธ What skills will matter more, and less, in the future ๐Ÿ”ธ How this might reshape companies and careers ๐Ÿ”ธ Why being โ€œgenerativeโ€ will become an increasingly valuable skill ๐Ÿ”ธ โ€œAmjadโ€™s lawโ€ and how learning to debug AI-generated code is becoming ever more valuable ๐Ÿ”ธ Much more Listen now ๐Ÿ‘‡ - YouTube: - Spotify: - Apple: Thank you to our wonderful sponsors for supporting the podcast: ๐Ÿ† WorkOS โ€” Modern identity platform for B2B SaaS, free up to 1 million MAUs: ๐Ÿ† โ€” A global leader in digital identity verification: ๐Ÿ† @LinkedInMktg โ€” Reach professionals and drive results for your business:

Lenny Rachitsky

81,955 Aufrufe โ€ข vor 1 Jahr

Anthropic's Claude Ai Agents Team just Educated how to build production AI agents in under 30 mins. For Free. From the engineers who built the stack. CANCEL Your Weekend Plans, and Learn to Build AI Agents Today. Bookmark it. Watch it. Build your first production agent this weekend. $5,000/month. $7,000/month. $12,000/month. People are building agents for clients and charging $$$ as Beginners. You're still stuck in the thinking about AI phase. This video fixes that tonight. Follow Himanshu Kumar for more high-signal content that actually moves your AI engineering career forward. โ†“ Ivan Nardini runs Developer Relations for AI at Google Cloud. He just gave away the entire production agent stack in 30 minutes. This is the talk that separates people deploying AI agents that actually scale from people whose agents break the moment they leave localhost. Here's everything inside. I break down a production AI video like this every week. Follow Himanshu Kumar. โ†“ The 4-part agent stack that actually scales. Most devs are duct-taping frameworks together and calling it an "AI agent." Ivan lays out the real stack: Agent Development Kit (ADK): open-source, code-first framework for building, evaluating, and deploying agents. Supports Claude models through Vertex AI directly. Model Context Protocol (MCP): lets your agent talk to any tool or data source with one standard. Vertex AI Agent Engine: managed platform for deploying, monitoring, and scaling agents in production. No DevOps headaches. Agent-to-Agent Protocol: open protocol so agents built on different frameworks can actually work together. This is the stack replacing every hacky agent setup in production right now. Full MCP + Claude breakdowns drop weekly on Himanshu Kumar. โ†“ Building your first real agent. Ivan builds a birthday planner agent live. LLM Agent class. Name it. Define instructions. Pick the model. He uses Claude 3.7 Sonnet. You could use Opus 4.7 for better reasoning. Full agent built in minutes. Not weeks. Watch the build once and you'll never structure an agent the wrong way again. I post agent architectures people pay $500 courses to learn. Himanshu Kumar. โ†“ Multi-agent systems without the chaos. Single agents are easy. Multi-agent systems are where 99% of builders fail. Ivan extends the birthday planner by: Adding a calendar service through MCP tools Creating an orchestrator agent to route requests between agents Handling state and context across agent handoffs This is production multi-agent architecture. Clean. Scalable. Debuggable. Most tutorials hand-wave this part. This one shows you every step. Multi-agent orchestration content drops weekly on Himanshu Kumar. โ†“ Deployment without the DevOps nightmare. This is where most AI projects die. You build a cool agent locally. It works. You try to deploy it. Everything breaks. Vertex AI Agent Engine fixes this: Minimal code deployment Automatic monitoring of latency, CPU, and memory Built-in observability and logging No infrastructure setup needed You provide config and requirements. The platform handles the rest. This is how agents actually get to production. Deployment guides for Claude agents post every week. Himanshu Kumar. โ†“ Agent-to-Agent Protocol: the future nobody's talking about. Most people don't know this exists yet. The A2A Protocol lets agents built in different frameworks communicate seamlessly. Your Claude agent. My LangChain agent. Someone else's CrewAI agent. All talking to each other. All solving parts of the same problem. All without custom integration code. This is the infrastructure layer of the coming AI economy. Getting in early on A2A Protocol is like getting in early on HTTP in 1995. A2A deep dive coming soon. Himanshu Kumar. โ†“ 30 minutes from the team shipping this in production. You'll learn more from this than from 6 months of YouTube tutorials made by people who've never deployed an agent past localhost. People who watch this understand production AI agents at the architect level. People who skip it keep hacking together frameworks that break every time an API updates. Save the video. Watch it tonight. Build a real agent this weekend. Follow Himanshu Kumar for more high-signal content that actually moves your AI engineering career forward.

Himanshu Kumar

228,497 Aufrufe โ€ข vor 4 Monaten

We're excited to launch ๐Ÿš€Airtable AI Assistant ๐Ÿš€ today, along with AI document analysis and AI web research capabilities! Airtable was founded 12 years ago with the mission of democratizing software creation. Our pioneering innovation was to distill app-building concepts (data, logic, interface) into intuitive visual components, like a no-code lego kit for app building. At the time, we speculated that someday, maybe AI would get good enough to enable conversational app buildingโ€“talking to an expert AI app builderโ€“and be a huge unlock, making app building even more accessible. Weโ€™re now at that point. While surprisingly impressive text generation and manipulation by LLMs was the breakthrough of the 2022 ChatGPT moment, the emergence of surprisingly impressive reasoning capability from LLMs is the breakthrough of 2025. This is unlocking more autonomous agentic experiences, and generating apps and code is the first killer use case (Cursor, @windsurf, Devin, v0, bolt.new, Replit โ • Agent to name a few). But for the large class of non-technical builders, a different approach is needed. When AI generates apps with code, rather than no-code building blocks, it requires a developer to fully understand how they work โ€“ and to verify them for hidden mistakes that would be tricky/impossible to debug by interface inspection alone (it may look right, but what is the data model business logic is flawed in non-obvious ways?). Airtable Assistant is an agent that can build and modify Airtable apps through conversation, changing schemas, adding automations, and designing interfaces. You can ask it to do things like: โ€“โ€œResearch every conference attendee in this baseโ€ to have the Assistant immediately spin up an army of researchers that pull in background information for your attendees โ€“โ€œAnalyze each contract to identify key risks they pose to my businessโ€ to have the Assistant add an AI field that runs an analysis at scale for each contract youโ€™ve signed. Airtable Assistant can also answer questions about the data in your apps, like prompts as advanced as: โ€“โ€œI'm about to meet Jane Smith at Zelos, read all of their recent sales call transcripts and tell me how far along they are in their implementation and if theyโ€™re dealing with any issuesโ€ โ€“โ€œWhat are the most common risk factors in our contracts? Are there any changes to our default posture we might consider?โ€ Credit to Mike Krieger for introducing us to the concept of low floor and high ceiling in HCI many years ago, which has become part of our internal lexicon for thinking about product improvements. Assistant dramatically lowers the floor to building apps, including more sophisticated ones, by helping human builders translate their business requirements into the schema design, logic, and interfaces required to deliver on the use case. In addition to launching Airtable Assistant today, weโ€™re also releasing the capability to deploy thousands of AI web researchers, and AI document analysts, to continuously work on the data in Airtable apps. You can do things like: โ€“Pull strategy and value stories from every product requirement doc to draft launch and release messaging โ€“Monitor all brand mentions across digital channels to measure campaign impact โ€“Create an automatically updating competitive intelligence dossier with the latest news and messaging from every competitor in your industry Check it out ๐Ÿ‘‡

Howie Liu

2,313,379 Aufrufe โ€ข vor 1 Jahr

๐Ÿง  Aigentrun ร— XRPfi Analytics Is Live Weโ€™re proud to announce the launch of our XRPfi Analytics dashboard, powered by our agents This marks a major step forward for XRPfi transparency and analytics on the XRPL, giving traders and builders the clearest view yet of the ecosystemโ€™s top protocols. ๐Ÿš€ Whatโ€™s New ๐Ÿ—‚๏ธ New XRPfi Tab โ†’ Real-time analytics with daily-refreshed data + AI agent integration ๐Ÿ“Š XRPfi Analytics Table โ†’ Compare protocols, explore yields, and visualize XRP's expanding yield-bearing landscape ๐Ÿ’ฌ Chat with the AI Assistant โ†’ Bottom-right pop-up where you can ask anything from โ€œHow safe are my funds in x protocol?โ€ to โ€œWhere does the yield on x protocol come from?โ€ or even โ€œAnalyze and rank the active XRPfi protocols by long-term yield sustainability.โ€ ๐Ÿ’ป Terminal & Traders Analysis Overhaul โ†’ Complete UI/UX redesign for the entire app including the Aigent Terminal, with faster performance and better flow ๐Ÿ’ก Why It Matters The new dashboard is the first AI-powered analytics and hub for the XRPfi ecosystem. Turning complex yield data into clear, actionable insights that users can now explore and compare performance, safety, and yield data directly through our dashboard while assisted by specialized AI agents. ๐Ÿ” Weโ€™re Tracking Analytics from some of the XRPLโ€™s leading XRPfi platforms such as Doppler Finance, Midas / Axelar Network, Kinetic.Marketโ˜€๏ธ, MoreMarkets, Strobe Finance, ฤ’nosys, and Soil ๐ŸŒ ๐Ÿ”— Try It Now: XRPfi Dashboard (Link in comments below) ๐Ÿ‘‡

aigent.run

64,234 Aufrufe โ€ข vor 10 Monaten

google just released 15 AI tools that are completely FREE and can save thousands of $$$ every single monthly. all open-source. MIT licensed. save this in your bookmark." 1๏ธโƒฃ pomelli ( builds your entire brand identity from just your website URL, then generates on-brand social posts, campaigns, and images. a free jasper + a junior brand marketer. no watermark, no gen cap in beta. 2๏ธโƒฃ stitch ( describe an interface, get production-ready HTML/CSS/Tailwind + a figma export. google's free figma killer. 350 designs a month without paying a cent. 3๏ธโƒฃ opal ( build no-code AI mini-apps and multi-step workflows just by describing them in plain english. basically a free n8n with Gemini baked in. no usage caps. 4๏ธโƒฃ antigravity ( agentic IDE that plans, edits across files, and builds full apps from a single prompt. the "cursor-killer," free tier runs Gemini 3 Pro + Claude Sonnet 4.5. 5๏ธโƒฃ mixboard ( canva x pinterest for AI. generate and remix images into moodboards, then edit right on the canvas with plain language. free while in beta. 6๏ธโƒฃ disco ( turns your messy open browser tabs into custom interactive AI apps. competitor tabs become a comparison matrix, travel tabs become an itinerary. zero code. 7๏ธโƒฃ notebookLM ( upload PDFs, videos, and notes, get instant summaries, mind maps, quizzes, even a podcast of your own material. replaces notion AI + perplexity + readwise. 8๏ธโƒฃ Learn Your Way ( turns any topic into a personalized, AI-built course. immersive text, audio lessons, mind maps, and quizzes adapted to how you actually learn. free tutoring. ๐Ÿ”Ÿ Google AI Studio ( prototype and ship AI apps in seconds with a free API key and a 1M-token context window. replaces the openai playground + paid API credits. 1๏ธโƒฃ1๏ธโƒฃ Jules ( assign it a github issue, it spins up a VM, writes a plan, makes the changes, and opens a PR. a free devin. 15 tasks a day. 1๏ธโƒฃ2๏ธโƒฃ Gemini CLI ( claude-code in your terminal. reads your codebase, runs commands, ships PRs. genuinely open source (Apache 2.0) and free. 1๏ธโƒฃ3๏ธโƒฃ Code Wiki ( point it at any public github repo, get a living, self-updating wiki with architecture diagrams and a Gemini chat, every section hyperlinked to the code. 1๏ธโƒฃ4๏ธโƒฃ Firebase Studio ( AI cockpit for your backend and cloud logic. heads up: existing users only, google is winding it down, so don't start a new project here. 1๏ธโƒฃ5๏ธโƒฃ Gemini Code Assist ( free github copilot: 180k code completions a month + AI code reviews in VS Code, JetBrains, and github. the free tier that actually out-specs copilot. Follow me and turn on ๐Ÿ”” post notifications.

m0h

84,062 Aufrufe โ€ข vor 1 Monat

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) โ€ข Demo: โ€ข Code: If you want to learn more about how it's built, here's more details โ†“ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that โ€“ MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers โ€” even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA โ€“ it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

Lee Robinson

118,242 Aufrufe โ€ข vor 1 Jahr