- Видео 63
- Просмотров 170 635
Gui Bibeau
Канада
Добавлен 10 сен 2022
Quick, well-done content for developers. www.youtube.com/@guibibeau?sub_confirmation=1
Things move fast these days; this channel is meant to help you keep up. You can expect quick explainers that give you just enough information, not less, not more.
For Collaboration and Business inquiries, please use the contact information below:
📩 Email: g.bibeaulaviolette@gmail.com
🔔 Subscribe to The Channel Gui Bibeau for quick, well-done content for developers, keeping you up-to-date in the fast-paced tech world:
www.youtube.com/@guibibeau?sub_confirmation=1
Things move fast these days; this channel is meant to help you keep up. You can expect quick explainers that give you just enough information, not less, not more.
For Collaboration and Business inquiries, please use the contact information below:
📩 Email: g.bibeaulaviolette@gmail.com
🔔 Subscribe to The Channel Gui Bibeau for quick, well-done content for developers, keeping you up-to-date in the fast-paced tech world:
www.youtube.com/@guibibeau?sub_confirmation=1
Anybody can code!! | Build anything with AI and V0 | Gui Bibeau
Link to the repo:
👉 b_nfheqtvbo7l.v0.build/
"Learn how to create a fun and playful Diwali greeting card using V0! In this quick tutorial, I'll show you how to work with V0's user-friendly prompts to customize designs step-by-step. Whether you're adjusting backgrounds, removing unwanted icons, or refining text, this tool is perfect for rapid prototyping with modern tech stacks like Next.js, Tailwind, and Vercel. Watch as I guide you through creating a polished Diwali card in just a few minutes!
Happy Diwali to all who celebrate, and stay tuned for more tutorials on bringing your creative ideas to life with ease!"
#Diwali #V0 #Prototype #UI #aicoding #codingtools
✅ Subscribe to The Channel Gui ...
👉 b_nfheqtvbo7l.v0.build/
"Learn how to create a fun and playful Diwali greeting card using V0! In this quick tutorial, I'll show you how to work with V0's user-friendly prompts to customize designs step-by-step. Whether you're adjusting backgrounds, removing unwanted icons, or refining text, this tool is perfect for rapid prototyping with modern tech stacks like Next.js, Tailwind, and Vercel. Watch as I guide you through creating a polished Diwali card in just a few minutes!
Happy Diwali to all who celebrate, and stay tuned for more tutorials on bringing your creative ideas to life with ease!"
#Diwali #V0 #Prototype #UI #aicoding #codingtools
✅ Subscribe to The Channel Gui ...
Просмотров: 589
Видео
Exploring FastGrid: The Next-Level Open Source Grid Component #FastGrid | Gui Bibeau
Просмотров 381Месяц назад
Exploring FastGrid: The Next-Level Open Source Grid Component | GitHub Gems Episode 3 #FastGrid #OpenSourceGems 👉 Link to the repository: 1. FastGrid by Gabriel Peterson: github.com/gabrielpetersson/fast-grid.git 2. Paradigmai : www.paradigmai.com/ 3. AG grid : www.ag-grid.com/ In this video, we dive into the latest and most exciting open-source projects, and today we're talking about FastGrid-...
Using Cursor IDE with GPT-o1: AI-Powered Code Refactoring! #CursorIDE | Gui Bibeau
Просмотров 1,2 тыс.Месяц назад
Using Cursor IDE with GPT-01: AI-Powered Code Refactoring! | Coding with AI Tools #CursorIDE #GPT01 👉 Link to the repository: 1. Hackathon Project Repo: github.com/GuiBibeau/akeru-search.git 2. Cursor AI : www.cursor.com/ 3. Open AI o1 : openai.com/o1/ In this video, we explore using the new GPT-01 model in the Cursor IDE! With GPT-01’s "Chain of Thought" reasoning, we put it to the test with r...
Become an indie hacker with this repo | Open Source Gems Episode 2 #techstartups | Gui Bibeau
Просмотров 2,4 тыс.Месяц назад
New SaaS Starter Pack! Best Open Source Tools for Developers | Open Source Gems Episode 2 #SaaS #techstack 👉 Link to the repository: 1. supa starter: supastarter.dev/ 2. Saas mentioned : github.com/midday-ai/v1 In this video, we explore the open-source tools you need to kickstart your SaaS development! If you've ever wondered about the essential features needed to build a software-as-a-service ...
New Date Picker Tool! Best Coding Tool For Developers | Open Source Gems Episode 1 #CodingTools
Просмотров 195Месяц назад
This simple date picker tool lets you pick dates using easy words like "tomorrow" or "next week"! Forget old, complicated date pickers-LinguaTime makes scheduling easy. Please visit my website to get more information: www.guibibeau.com/ In this video, we’ll cover: What LinguaTime is and how it works How you can use natural language to select dates and times Practical examples include setting da...
Save API Costs & Speed Up Your AI With Semantic Cache: Easy AI Optimization Tips! AI Applications
Просмотров 2202 месяца назад
Looking to speed up your AI applications and save on API costs? This video explores how to use Semantic Cache with Upstash for faster performance and personalized AI solutions. Please visit my website to get more information: www.guibibeau.com/ In this video, we dive deep into Upstash Semantic Cache and explore how to implement namespaces to create personalized AI applications. Discover how vec...
Cursor + Claude Sonnet 3.5 tutorial #codeeditor #ai #claudeai | Gui Bibeau
Просмотров 3,2 тыс.2 месяца назад
Unlocking Developer Productivity: A Deep Dive into Cursor Code Editor Hey everyone! In today’s video, we’re diving into the latest buzz in the developer community-Cursor Code Editor-especially its integration with Cloud Sonnet 3.5. After using Cursor for the past few months, I’m excited to share why this AI-enhanced version of VS Code is making waves and how it can significantly boost your prod...
How To Deploy Llama 3.1 AI On Cloudflare Workers: 3 Min Guide For Developers - Web Development
Просмотров 5492 месяца назад
Learn how to set up and deploy Llama 3.1 on Cloudflare Workers in just a few minutes! This easy guide shows you how to get your AI-powered app up and running with Cloudflare's serverless platform. Please visit my website to get more information: www.guibibeau.com/ In this tutorial, explore how to maximize the efficiency of AI applications by integrating Cloudflare Workers with Llama 3.1. We’ll ...
Maximize AI Efficiency With Upstash Semantic Cache: Save On Large Language Model Costs! | Gui Bibeau
Просмотров 2,2 тыс.3 месяца назад
In this tutorial, discover how to save on AI application costs with the Upstash Semantic Cache. We'll show you how to optimize large language model (LLM) queries by storing and reusing responses, cutting down on repetitive API calls. Please visit my website to get more information: www.guibibeau.com/ Follow along as we integrate Upstash with NextJS, setting up a vector database and configuring ...
Boost Next.js App Speed With Groq LLM Integration: Fast AI Token Processing Tutorial! | Gui Bibeau
Просмотров 6823 месяца назад
In this video, learn how to drastically improve your Next.js application speed by integrating Groq's AI hardware. Please visit my website to get more information: www.guibibeau.com/ Discover how Groq outperforms traditional GPUs in token processing, enabling faster and more efficient language model handling. This step-by-step tutorial will guide you through setting up Groq with OpenAI's API in ...
How ChatGPT Search & Perplexity AI Really Work: Build Your Own AI Summarization App! | Gui Bibeau
Просмотров 3783 месяца назад
Have you ever wondered how Perplexity AI or ChatGPT's search capabilities operate? Please visit my website to get more information: www.guibibeau.com/ In this video, I'll walk you through building a simplified version of Perplexity AI's backend, focusing on summarizing GitHub profiles using search APIs and LLMs. Learn how to integrate LangChain JS and JavaScript to create an AI-powered applicat...
How to Master Bun Api | Tutorial
Просмотров 9109 месяцев назад
Ready to harness the full potential of Bun.js and elevate your web dev? Watch: How to Master Bun Api Tutorial #typescript #bun #api In this comprehensive Bun API tutorial, we'll explore Bun.js, the powerful web framework for building fast and efficient web applications. Whether you're a seasoned developer or just starting out, this tutorial will equip you with the knowledge and skills to build ...
Trying OpenAI DevDay features | GPT-4 json mode | GPT-4 long context | Gui Bibeau
Просмотров 23011 месяцев назад
In this video we explore the new long context window for GPT-4 as well as GPT-4 JSON mode. The examples and video is kept in a simple form to help you learn things quickly! I catalogue the examples here: github.com/GuiBibeau/open-ai-snippets ✅ Subscribe to The Channel Gui Bibeau for quick, well-done content for developers, keeping you up-to-date in the fast-paced tech world: www.youtube.com/@gu...
DON'T become a Full-Stack Engineer - Do this instead | Gui Bibeau
Просмотров 485Год назад
Ever wondered about the role of a product engineer? Dive in as we unravel the specifics of this profession and guide you on how to step into this dynamic field. The video is about "Product Engineer: What Do They Really Do? - A Comprehensive Overview" but also tries to cover the following subject: Key responsibilities Necessary qualifications Career progression opportunities Title: Product Engin...
Mastering React Compilation with Bun.js: Step-by-Step | Gui Bibeau
Просмотров 4,3 тыс.Год назад
Dive into the pioneering intersection of Bun.js and React with our new tutorial. Understand how to harness Bun.js for your React single-page apps and embark on the trailblazing technique of integrating Bun.js in React. Experience the frontier of web development with us! Full post: www.guibibeau.com/blog/bun-wi… The video is about "Mastering React Compilation with Bun.js: Step-by-Step" but also ...
Integrating Bun.js with Next.js: 2023 Web Development Guide | Gui Bibeau
Просмотров 6 тыс.Год назад
Integrating Bun.js with Next.js: 2023 Web Development Guide | Gui Bibeau
Connect Metamask To Sveltekit: In 3 Easy Steps - Sveltekit Web3 Tutorial | Gui Bibeau
Просмотров 813Год назад
Connect Metamask To Sveltekit: In 3 Easy Steps - Sveltekit Web3 Tutorial | Gui Bibeau
Astro 3.0: how to deploy on Railway | Gui Bibeau
Просмотров 2,1 тыс.Год назад
Astro 3.0: how to deploy on Railway | Gui Bibeau
Cloudflare R2 Unveiled: Revolutionizing Object Storage | Gui Bibeau
Просмотров 9 тыс.Год назад
Cloudflare R2 Unveiled: Revolutionizing Object Storage | Gui Bibeau
Boost React Speed By 70% With Million.js: The Ultimate Virtual DOM Replacement | Gui Bibeau
Просмотров 808Год назад
Boost React Speed By 70% With Million.js: The Ultimate Virtual DOM Replacement | Gui Bibeau
Mastering ChatGPT Plugins: Step-by-Step Tutorial In 3 Minutes | Gui Bibeau
Просмотров 294Год назад
Mastering ChatGPT Plugins: Step-by-Step Tutorial In 3 Minutes | Gui Bibeau
Building Next-Gen AI Apps: Unleashing The Power of Vercel's AI JavaScript SDK In 3-Min | Gui Bibeau
Просмотров 7 тыс.Год назад
Building Next-Gen AI Apps: Unleashing The Power of Vercel's AI JavaScript SDK In 3-Min | Gui Bibeau
Unraveling React Vs. Svelte: A Technical Performance Comparison | Gui Bibeau
Просмотров 1,3 тыс.Год назад
Unraveling React Vs. Svelte: A Technical Performance Comparison | Gui Bibeau
Unlocking Svelte State Management: 4-Minute Writable Stores Tutorial | Gui Bibeau
Просмотров 659Год назад
Unlocking Svelte State Management: 4-Minute Writable Stores Tutorial | Gui Bibeau
Svelte State Management: Mastering Readable Stores In 3-Min For Dynamic Web Apps | Gui Bibeau
Просмотров 767Год назад
Svelte State Management: Mastering Readable Stores In 3-Min For Dynamic Web Apps | Gui Bibeau
Svelte Web Development Made Easy: 3-Min Svelte State Management & Reactivity Tutorial | Gui Bibeau
Просмотров 3,4 тыс.Год назад
Svelte Web Development Made Easy: 3-Min Svelte State Management & Reactivity Tutorial | Gui Bibeau
Enhance Your Web Development Skills: A Deep Dive Into Vercel Middleware In 3 Minutes | Gui Bibeau
Просмотров 376Год назад
Enhance Your Web Development Skills: A Deep Dive Into Vercel Middleware In 3 Minutes | Gui Bibeau
Discover The Fastest Way To Get Data In Next.js - Edge Config Quick Tutorial | Gui Bibeau
Просмотров 763Год назад
Discover The Fastest Way To Get Data In Next.js - Edge Config Quick Tutorial | Gui Bibeau
Uncovering The Power Of SvelteKit Snapshots: Keep User Data Intact! | Gui Bibeau
Просмотров 577Год назад
Uncovering The Power Of SvelteKit Snapshots: Keep User Data Intact! | Gui Bibeau
Master Next.js In 5 Simple Steps: Your Path To Dynamic Web Development! | Gui Bibeau
Просмотров 309Год назад
Master Next.js In 5 Simple Steps: Your Path To Dynamic Web Development! | Gui Bibeau
Great video!
Thank you for the comment !
Brilliant 👏
Thank you!
Yes great stuff, exactly what I was looking for!
So soGlad you liked it!
Awesome overview, do you have the repo public?
So sorry for forgetting! github.com/GuiBibeau/groq-nextjs-demo
I can't run that example... (note: arrows point to the <> and </>) ``` 5 | root.render(<>Hello, World!</>); ^ error: Unexpected > at /opt/lampp/htdocs/pairs/bun/index.ts:5:14 5 | root.render(<>Hello, World!</>); ^ error: Syntax Error!! at /opt/lampp/htdocs/pairs/bun/index.ts:5:29 ```
Full disclosure, this was really just an exploration and not meant to be used as the base of an app. I would advise to use vite instead for compiling react.
The video propose to deploy the worker in 3 minutes, and it has 3 minutes. But the development starts at about 2 minutes. This is amazing! thank you for the content.
Thank you! I’m not wasting any time haha. The goal is always to help you move fast. Too much content for junior exist but not enough for intermediate and up
@@guibibeau, take it up ❤❤
is this free sir
Super cheap. They have are running a beta program but when they start charging it’s likely some of the cheapest inference APi around.
But how does it perform on coding tasks that are not this basic?
So far I’ve seen the same amount of halicinations and drawback of attention mechanisms. It’s good but not the panacea
@@guibibeau thanks that’s what I was looking for :)
cool idea keep it up !
Thank you! You mean the series or this repo ?
@@guibibeau the series
@@enghimanshu Thank you! It's a passion of mine so I already have a backlog of 5 projects to record! lots more coming
@@guibibeau 🙌🏼
Great content, and straight to the point. Thank you! Btw what tool are you using for recording your cam and screen at the same time?
The name is screen studio
Very useful & informative. Thank you
Thanks for the comment!
Hey! How could i Implement V0 into this workflow automatically
V0 does not have direct cursor integration and is still strictly copy paste or download the files. I might a video soon on it.
Fantastic- thanks for the video, and to Midday AI for sharing their code and knowledge
Glad you liked it!
Very cool ❤
Lots more fun stuff comming!
very nice. thank you!
Glad you liked it!
Great gems!
I hope this one helps out folks get to indie hacking!
Amazing!!!!
Thank you!!!
Can this help write Photoshop cep and uxp plugins
It cannot do 100% of the code yet, you still need to know the basics of what you are working on. But yes it could if it’s code
It is not the way the whole project file is generated, and the efficiency is a little low.
For sure, that’s mostly my workflow on larger projects with existing codebase
Also useable in other languages than english?
So for no since the logic is built in pure JavaScript. You could probably take the idea and make it work with an LLM for that purpose. I could make a video out of this if this video does well (which it is not currently sadly)
very useful. thank you
Thanks for watching 🙏
Hi sir, as I'm new in development field and learning react/nextjs. Could you plz tell me what is the prerequisites to develop these kind of application, what path should I follow to build an ai content generator which will have this amazing feature.
Have a look here first! Master Next.js In 5 Simple Steps: Your Path To Dynamic Web Development! | Gui Bibeau ruclips.net/video/0zoRkGP9HTY/видео.html
Please make a step by step video tutorial on this, as it is a very good approach in saving costs on LLMs. Thanks a lot😊
Hi there! I think this blog post does a good job of showing the details! www.guibibeau.com/blog/llm-semantic-cache I don't really do step by step videos as I prefer to focus on overviews and new technologies but hope this helps!
@@guibibeau thanks
useful thanks
Glad you liked! Working on a follow up that I will post soon
en français svp
Un jour quand ce channel sera monetized!
It is amazingly good. No fluff intended. I hope it gets even better.Thanks for this insightful video Guillaume!
I now realize there is value in delivering unscripted, unfiltered experiences I acquire in my corporate and startup career. I use to spend hours on production for older videos to have 300-400 views while some of these light ones where I just open a laptop and share value do better.
Nice an to the point. I am going to check out Cursor, coming from VS Code myself.
I have not tried it yet but I think you can match your settings with settings sync code.visualstudio.com/docs/editor/settings-sync
I really liked your video!!!
Really appreciate your comment!
how hard is it to port nodejs application into workers?
In general workers have a more limited runtime with limited support for node.js NPM packages. So anything that depends on node.js standard library will have some trouble. You will have to stick to packages that were built for workers or use standard vanilla JS code. Here's a bit what the process would look like: 1. eliminate any library that uses Node.js standard library 2. migrate to a framework and runtime that supports workers. Something like hono.js. Express could work with some adaptation 3. Test your application into workers 4. Do a blue/green deployment for the first few days before deprecating your node.js deployment On a small app it's a few days. For a corporate production app it's months
Why are you using the Hyper terminal? It is the worst terminal
Stockholm syndrome as I was used to it😵💫. I actually changed recently to something more modern.
amazing!
Glad you enjoyed!
This is great, but what if the data we are storing is user specific like for eg their pdf/doc data which is unique for each user, then does this work ?
There is support for namespaces which would allow you to separate your data per user using their id as a namespace key. I’ve not played a lot yet with this but I’m planning a video on it.
@@guibibeau Oh that'll be really great
lol this just sounds like copying LLMs DB into cache, won't it be more easy to run your own LLM?
You can run this with your own LLM to! The idea is that inferences is either expensive monetarily if you use a third party or on computations if you run it on your own hardware. Either way this will save on computations or money.
@@guibibeau well yeah makes sense, cache is the king, does that apply to everything as long as data is not changing too frequently where we actually care about it
I like how not just the code but its real life use in reduced load time and saving up on the costs of calls being made was brought to the fore. Bit of a tongue twister there with upstash and semantic cache in 3:53 as well, lol. Great video!
Thanks for watching. That was one of my most advanced video yet so I’m unsure if it will find its audience
@@guibibeau I am sure it will. Most importantly, it has been created and the knowledge shared already. It will always be a resource that can help builders globally, even if it is in the coming years.
Thanks for sharing this with us
My pleasure
this is useful, thank you
thanks for the comment!
oh shit, might use this for a product question chatbot. hmm, this might also be what a img gen i was using a bit ago was using? noticed that if I sent the same prompt, it gave back the same image and if just slightly different, it was just a slightly different image and everything else pretty much exactly the same, with much less variation than other img gens
It could likely be also that the model has it's temperature set to really low. This would reduce variance in the output. Or the model could be overfit to some specific parameters.
Does this means i can host a full stack website directly thro cloudflare?
You could yes! It would require a bit of adapting your code but it's 100% possible.
@@guibibeau I will look into it, I still have to develop an e commerce store, I have to find a good payment process provider hopefully one that charges less % then stripe
@@gachecem_yt I'm working on an update to that video that goes a bit deeper. I think it should land by end of week next week. Not sure about stripe since they acquired lemon squeezy, not many options are left.
OMG!! I submitted a CFP on this topic to a conference.
Hope the repo and video can help! Love that topic! Let me know if your talk is accepted!
@@guibibeau Sure thing!! I'd love to prep with you. It's gonna be awesome!
such a great video!
Thank you!
wow! this video is so good! I am getting better the more I watch his videos!
Thank you! Glad you liked!
Loved this video, very interesting
Glad you enjoyed it!
Great stuff, just the tutorial I was looking for!
Thanks for the comment
Succint, direct and motivating. Resuming my online content more soon!
Glad you liked it! Churning out more of those to empty my brain of all the valuable informations inlearn
@@guibibeau The world thanks you!! Would personally appreciate more of these.
Amazing!!
What servewould recommended for a small gouv business?
I can't answer this in 1 comment but I can give you cues to guide your search: - The technology stack you will use. Are you limited by the constraints of the the gov organisation? - Will you need a long running server as opposed to serverless? - Do you have a devops team already that has some preference? Based on this I would say my recommendation would be to use Vercel if your constraint allow you. If they don't I would do either aws or cloudflare.
I recently (today) fount your channel, i love it; thanks for this video.
Oh thanks for that beautiful message! I’m focusing on new content these days! Hope you will like the new things!
First here🎉🎉🎉
Yay thanks for watching! I've been away for too long!
@@guibibeau Indeed. Welcome back
I get the error: "bun build v1.1.13 (bd6a6051) error: Missing entrypoints. What would you like to bundle?" My Scripts is "scripts": {"build:bun": "bun build", } 😔
From that error message you did not specify which filepath to build. Try something like `bun build index.ts`
Hey I need p2p money sending functions for an Android app I'm making, but I'm not by any chance a crypto guy. Any chance you make a tutorial for that?
Hey there! I'm not much of an Android developer. I do react native but I also have other videos that are more interesting for me to do. Feel free to reach out if you want referals to android devs