잠시만 기다려 주세요.
Code With Antonio
2023. 7. 31.
Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord Github & Live Website: https://www.codewithantonio.com/projects/ai-companion Clerk Authentication: https://bit.ly/3Kmyytc Hotpot for AI Character Images: https://hotpot.ai/ Inspiration for the project: https://github.com/a16z-infra/companion-app In this comprehensive tutorial, we'll explore the intricate details of building an advanced SaaS AI Companion using Next.js 13. Our AI Companion taps into the power of embeddings and the Pinecone vector database to ensure long-term memory retention, supplemented by the fast caching abilities of the Upstash Redis database. We will also use MySQL and Prisma for storing companions. Harnessing the revolutionary features of Next.js 13 App Router, our platform will facilitate swift client-side routing, making the user experience seamless and intuitive. Alongside, the integration of Stripe promises a hassle-free subscription system, while Clerk handles user authentication with finesse. Throughout this tutorial, you'll be exposed to a rich array of web development technologies, including React, Tailwind, and Prisma. Every step is meticulously explained, ensuring even those new to the realm of SaaS development can follow along with ease. Whether you're an aspiring developer or a seasoned expert, this tutorial holds gems of knowledge that can benefit everyone. Keen to create a state-of-the-art SaaS AI Companion? Grab your developer toolkit, maybe a cup of your favorite brew, and let's redefine the AI-empowered web universe of 2023 with Next.js 13! Timestamps 00:00 Intro 06:07 Environment Setup 10:31 Folder Setup 18:07 Clerk Authentication 31:51 Navbar 51:43 Sidebar 01:03:46 Search Filter 01:16:14 Category Filter 01:37:12 Companion Creation Form 02:33:41 Companion Creation API 02:51:48 Companion List 03:11:42 Chat Header 03:40:55 Chat UI 04:18:38 Memory Service 04:45:00 Chat API 05:15:35 Stripe API 05:49:26 Stripe UI 06:23:05 Deployment
Learn how to build a robust and FREE medical RAG (Retrieval Augmented Generation) knowledge base using Pinecone, Next.js, and LangChain! This comprehensive tutorial guides you through every step of the process, from setting up your development environment to deploying your application. In this video, you will: Understand the fundamentals of RAG and its applications in medical AI. Set up a Next.js project and design a user-friendly interface with Tailwind CSS and Shadcn UI. Implement a backend API for seamless data updates using Pinecone. Effortlessly load and process medical documents with LangChain's powerful document loaders. Utilize Transformers.js to generate embeddings locally for FREE, saving you time and money. Optimize performance by chunking and embedding documents in batches. Create a dynamic user experience with a progress bar to track upload progress. Master the integration of Pinecone, Next.js, and LangChain to build a cutting-edge medical RAG application. This tutorial is perfect for: Developers interested in building AI-powered medical applications. Healthcare professionals looking to leverage the power of RAG for improved diagnostics and research. Anyone curious about the latest advancements in natural language processing and AI. Chapters: 00:00 Overview of the Medical Report Analysis App and RAG 01:33 Live Demo: What We're Building 04:53 Setting Up Your Development Environment: Creating a Next.js App 08:08 UI Design: Styling with Tailwind CSS and Shadcn UI 15:30 Adding File Upload Functionality 17:43 Building the Backend API: Updating Your Pinecone Database 19:31 Load PDF and Text documents using LangChain's Document Loader 22:19 Integrating Pinecone with Next.js: Initializing the Client 25:56 Batch Jobs for Upserting to Your Vector Database 28:57 Running Hugging Face Models Locally with Transformers.js 34:19 Preparing Your Data for Embedding: Chunking Documents with LangChain Text Splitters 38:03 Optimizing for Performance: Batch Processing for Embedding and Upserting 46:19 UX Improvement: Implementing a Progress Bar 54:22 UX Improvement: Fetching File List for Uploads Key Technologies Covered: RAG (Retrieval Augmented Generation) Pinecone (Vector Database) Next.js (React Framework) LangChain (LLM Application Framework) Transformers.js (Hugging Face Model Library) Tailwind CSS (Utility-First CSS Framework) Shadcn UI (React UI Component Library) By the end of this video, you'll have a solid foundation for building your own medical RAG knowledge base and be well-equipped to explore the vast potential of this exciting technology! Don't forget to like, subscribe, and hit the notification bell for more insightful AI tutorials! Links: Complete code of this tutorial here: (I have changed the name of the repository, but it's the same one) https://github.com/KoushikJit/almost-md-knowledge-base.git Medical report analyzing app demo here : https://youtu.be/ADpVf8kDJN0 Complete code of the medical report analyzing app in Next.js: https://github.com/KoushikJit/almost-md.git
2024. 9. 1.
🔴 Live Stream Friday 2nd February 2024, 3pm(UTC+1) 🔴 Join our Skool Community (it's FREE !) : https://www.skool.com/flutter-squad-9325?invite=add7040545c2477dac4776841e4c048e Thank you so much guys for all the support and let's keep going !!! 🫶🫶🫶
2024. 2. 1.
🔗 All my startups — https://www.marclou.com ⚡️ Ship your startup in days, not weeks — https://shipfa.st/ 💡 Newsletter for solopreneurs (14K readers) — https://marclou.beehiiv.com/ 📸 Instagram — https://www.instagram.com/marclouvion/ 💼 LinkedIn — https://www.linkedin.com/in/marclouvion/ 🐦 Twitter — https://twitter.com/marc_louvion
2024. 4. 18.
RESOURCES ✅ Join the LearnVue+ Waiting List - https://learnvue.co Get early access to videos, exclusive content, interactive code challenges, and more. follow me on twitter https://twitter.com/mattmaribojoc #vuejs #vue #javascript #webdev
2024. 9. 7.
Artificial Intelligence is no doubt the future of not just software development but the whole world. And I'm on a mission to master it - focusing first on mastering AI Agents. In this video, I cover whether or not "agents" is just a buzzword in the AI space full of unwarranted hype. LLMs have a lot of problems and it seems like the concept of agents could solve a lot of them - but is that really true? Join me as I push the limits of what is possible with AI. I'll be uploading videos twice a week - Sundays and Wednesdays at 7:00 PM CDT!
2024. 7. 25.
Create an AI Agent with n8n – No Code, Step-by-Step Guide for Beginners 👉 Book A Call If You're Interested in Implementing AI Agents Into Your Business: https://uppitai.com Business Inquiries: 📧 nateherk@uppitai.com WATCH NEXT: https://youtu.be/YFrej2oSldo?si=ZpTAePPd0hsYhand 🚀 In this video, I’ll show you step-by-step how to create an AI agent in n8n that searches Wikipedia 🌐 and checks the weather anywhere using the OpenWeather API. Perfect for beginners—no coding needed! If you enjoy this, check out my other videos to learn more about AI agents and automation. TIMESTAMPS 00:00 Demo 01:13 Prep 01:53 Step 1: Sign Up For Weather API 02:34 Step 2: Building Weather Tool 10:23 Step 3: Building Agent 13:05 Testing 19:43 Outro Gear I Used: Camera: Razer Kiyo Pro Microphone: HyperX SoloCast Background Music: https://youtu.be/Q7HjxOAU5Kc?si=0vfmEkdAk3QVzh69 Don't forget to like, subscribe, and hit the notification bell to stay updated with my latest videos on AI agents and automations!
2024. 9. 25.