Atharva Deosthale
Atharva Deosthale
  • 136
  • 312 999
Using Chrome AI (Gemini Nano) Locally and Implement Using Vercel AI SDK
Hello guys! In this video, we will explore the Gemini Nano model shipped inside Chrome dev versions. Gemini Nano is a mini model that runs locally, so it provides the advantages of performing smaller AI tasks on the end user's computer in turn saving cost and maintaining privacy. In this video, we will explore this model in Chrome Dev version and consume it using the Vercel AI SDK in React.
If you liked the content and found it useful, make sure you support me by clicking the subscribe button and sharing this video with friends in need. 🤝
Links
Working demo and steps to enable - chrome-ai-demo.vercel.app/
Any suggestions? Leave in the comments below!
TIMESTAMPS
0:00 - Introduction
1:51 - Exploration and Enabling Chrome AI
5:17 - Implementing Chrome AI in your web apps
14:41 - Conclusion
My links
E-mail - hey@atharva.codes
Blog - blog.atharva.codes
Latest Links - links.atharva.codes
Twitter - athudeosthale
LinkedIn - linkedin.com/in/atharvadeosthale
#programming #programmer #javascript #nodejs #npm #reactjs #react #typescript #nextjs #next #chrome #ai #model #aimodel #gemini #gemininano #sdk #vercel
มุมมอง: 82

วีดีโอ

Using Clerk Elements To Build Custom Auth Components
มุมมอง 16321 วันที่ผ่านมา
Hello guys! In this video, we will explore Clerk elements. Clerk is an authentication provider that removes the hassle of implementing authentication in your application by providing everything auth-related in a very simple way. Traditionally, Clerk provides React components that help with authentication, but sometimes requirements are a bit more and you might need custom components with custom...
ANIMATED Form with STEPS using React and Framer Motion! Learn making Animated Forms!
มุมมอง 39828 วันที่ผ่านมา
Hello guys! In this video, we will create a form container that is based on steps. If you want to create forms with steps or simply an onboarding flow with steps, this is a good tutorial to follow. In this video, we will NOT actually create a form but create the animations. You can plug your form into it and create your own customized workflow. Animation credits given below. If you liked the co...
Beautiful Landing Page Animated Components for React by MagicUI!
มุมมอง 1.1Kหลายเดือนก่อน
Hello guys! In this video, we will look at MagicUI. It is a collection of animated React components specifically made for use in landing pages (but no one would complain if you use it elsewhere). If you liked the content and found it useful, make sure you support me by clicking the subscribe button and sharing this video with friends in need. 🤝 Links Magic UI - magicui.design/ Any suggestions? ...
A rant about roadmaps...
มุมมอง 1022 หลายเดือนก่อน
In this video, we will not cover anything deeply technical but will just discuss coding roadmaps found on various social media platforms. I have a slightly different take about roadmaps. As much as structured learning helps quick learning, I think it might not be the best way of learning in the long term. Watch the video to know why! If you liked the content and found it useful, make sure you s...
Beautiful & Unique React Components using Aceternity UI!
มุมมอง 3.3K3 หลายเดือนก่อน
Hello guys! In this video, we will look at Aceternity UI. It is a collection of UI components built for React that are very beautiful. The creator seems to have spent a lot of time perfecting it! These components will give your website a good touch when it comes to "coolness" of your UI. It's pretty similar to shadcn/ui, where you don't need to "install" the components, but copy paste them into...
Are you LEAKING sensitive information in Next.js Pages Router?! (Read w/ Atharva Ep4)
มุมมอง 1415 หลายเดือนก่อน
Hello guys! In this video, we will look at an article by Rexford Essilfie titled "You Are Leaking Your Next.js Application Features." In this article, Rexford mentions that you can modify the props for a page even after it undergoes server-side rendering using getServerSideProps in the pages router. Rexford has shown how a feature flag can be enabled on the client side by manually changing prop...
Preloading routes in Next.js! Using the Next.js Router to prefetch pages.
มุมมอง 1.1K5 หลายเดือนก่อน
Hello guys! In this video, we will look at prefetching routes in Next.js. Prefetching means loading another route in the background so that when the user clicks on a link or when a transition is started, the transition is quick by populating already prefetched data. In this video we will dive deep into prefetching and see how things work. If you liked the content and found it useful, make sure ...
Will this AI software engineer take your jobs? Devin AI software engineer!
มุมมอง 1.1K5 หลายเดือนก่อน
Hello guys! In this video, we will look at Devin, an AI software engineer who made my Cognition. Devin does what most software engineers do- take a problem statement, break it down into smaller steps, research those steps, write code, and debug if any errors come into play. Devin's announcement has many developers concerned about whether Devin will replace them or not. In this video, I will cov...
Creating paywalls on static websites?! (Read w/ Atharva Ep3)
มุมมอง 2145 หลายเดือนก่อน
Hello guys! In this video, we will look at an article by Eric Burel titled "Secure statically rendered paid content in Next.js". This article discusses the different ways to paywall a piece of content in Next.js and even how to make a completely static website and add a paywall to it. This video is a part of the "Read with Atharva" playlist, where we go over technical articles and cover those t...
BREAKING: PlanetScale SHUTS DOWN its FREE TIER!
มุมมอง 7325 หลายเดือนก่อน
BREAKING: PlanetScale SHUTS DOWN its FREE TIER!
Create a TYPERACER clone using Node.js, Socket.io, Next.js, Shadcn-ui, Turborepo and more!
มุมมอง 4.3K5 หลายเดือนก่อน
Create a TYPERACER clone using Node.js, Socket.io, Next.js, Shadcn-ui, Turborepo and more!
Finally better hydration errors are coming in Next.js!
มุมมอง 6055 หลายเดือนก่อน
Finally better hydration errors are coming in Next.js!
Bun Tutorial - a new JavaScript runtime!
มุมมอง 1895 หลายเดือนก่อน
Bun Tutorial - a new JavaScript runtime!
BIG changes coming to React - Compiled React! (Read w/ Atharva ep2)
มุมมอง 606 หลายเดือนก่อน
BIG changes coming to React - Compiled React! (Read w/ Atharva ep2)
Selling NFTs WITHOUT wallets using Cards! Crossmint Tutorial
มุมมอง 4216 หลายเดือนก่อน
Selling NFTs WITHOUT wallets using Cards! Crossmint Tutorial
React Email 2.0 Tutorial - Create Beautiful Emails Using REACT!
มุมมอง 1.3K6 หลายเดือนก่อน
React Email 2.0 Tutorial - Create Beautiful Emails Using REACT!
Correct ways to create forms in React (Read w/ Atharva Ep1)
มุมมอง 1156 หลายเดือนก่อน
Correct ways to create forms in React (Read w/ Atharva Ep1)
Easy form handling in React using Formik!
มุมมอง 2356 หลายเดือนก่อน
Easy form handling in React using Formik!
TanStack Router is my favourite React Router -- TanStack Router Tutorial
มุมมอง 6K6 หลายเดือนก่อน
TanStack Router is my favourite React Router TanStack Router Tutorial
Next.js 14 App Router CRASH COURSE - Learn about Server Components and Next.js App Router
มุมมอง 4916 หลายเดือนก่อน
Next.js 14 App Router CRASH COURSE - Learn about Server Components and Next.js App Router
Open Source Under Attack?
มุมมอง 6K6 หลายเดือนก่อน
Open Source Under Attack?
Accepting Payments using LemonSqueezy - Integrating LemonSqueezy into Next.js Tutorial
มุมมอง 6K6 หลายเดือนก่อน
Accepting Payments using LemonSqueezy - Integrating LemonSqueezy into Next.js Tutorial
Using Sentry with Next.js for automatic bug tracking
มุมมอง 2.8K6 หลายเดือนก่อน
Using Sentry with Next.js for automatic bug tracking
Drizzle ORM is my new favorite ORM...
มุมมอง 1.5K7 หลายเดือนก่อน
Drizzle ORM is my new favorite ORM...
Turborepo Tutorial - a monorepo by Vercel
มุมมอง 3K7 หลายเดือนก่อน
Turborepo Tutorial - a monorepo by Vercel
Using the useContext() hook in React
มุมมอง 2407 หลายเดือนก่อน
Using the useContext() hook in React
Using zod for input validation in JavaScript/TypeScript
มุมมอง 4067 หลายเดือนก่อน
Using zod for input validation in JavaScript/TypeScript
Let's build a blog using Next.js and Hashnode Headless!
มุมมอง 1.7K7 หลายเดือนก่อน
Let's build a blog using Next.js and Hashnode Headless!
Calling GraphQL endpoints using React (the easiest way)
มุมมอง 2177 หลายเดือนก่อน
Calling GraphQL endpoints using React (the easiest way)

ความคิดเห็น

  • @cairoli98
    @cairoli98 8 ชั่วโมงที่ผ่านมา

    Hey Artharva greate video, , but i have a question. I'm working with React , Tailwind Css and Daisy UI as tailwind plugin. So can i use also Magic UI together Daisy Ui for example ? Thank you

  • @chandankumarnetha
    @chandankumarnetha วันที่ผ่านมา

    tq for this video

  • @ryukaizen211
    @ryukaizen211 6 วันที่ผ่านมา

    Rat race robots slave mentality ❤

  • @francescociulla
    @francescociulla 7 วันที่ผ่านมา

    I can see the new RGBs in action!

  • @effekt.design
    @effekt.design 7 วันที่ผ่านมา

    Thanks Atharva for this amazing video! Very comprehensive, no one ever talks about lemonsqueezy, glad I found this video!

  • @GeekyNasir
    @GeekyNasir 8 วันที่ผ่านมา

  • @mianzaid5762
    @mianzaid5762 8 วันที่ผ่านมา

    @AtharvaDeosthale I have setup both Hardhat and Foundery but not able to use any Test ETH's on uniswap, In metamask wallet I can see the 10000 ETH

  • @LEGENDARYSTREAMER
    @LEGENDARYSTREAMER 8 วันที่ผ่านมา

    🔥

  • @ajaydeepsinghrajpoot
    @ajaydeepsinghrajpoot 10 วันที่ผ่านมา

    Bhai can you make a video about best Payment gateway for Indians.

  • @AhmedAminJIDAR
    @AhmedAminJIDAR 12 วันที่ผ่านมา

    Thank You Mr.Atharva! Very helpfull.

  • @srijansil8036
    @srijansil8036 15 วันที่ผ่านมา

    What if we have a use case to generate the HTML from the react component in the a backend (nodeJS) itself? I have seen docs where people have just imported the react component function in the backend and generate the HTML for it, but it doesn't work as nodeJS throws an error while trying to import.a jsx file. Is there a work around for this?

  • @gioLMO
    @gioLMO 17 วันที่ผ่านมา

    Does MagicUI works in WordPress? More specifically can I use it with bricks builder?

  • @toleenhajkassem6154
    @toleenhajkassem6154 19 วันที่ผ่านมา

    Thank you so much !!

  • @ogunleyeoluwafemi7243
    @ogunleyeoluwafemi7243 25 วันที่ผ่านมา

    Hi there, this is nice could you please provide the sourcecode to this 🙏🏾🙏🏾. Thank you

  • @LEGENDARYSTREAMER
    @LEGENDARYSTREAMER 25 วันที่ผ่านมา

    🔥🔥

  • @ibongamtrang7247
    @ibongamtrang7247 26 วันที่ผ่านมา

    Thanks for sharing : )

  • @praveenmatheesha4394
    @praveenmatheesha4394 28 วันที่ผ่านมา

    Amazing video 🎉 BTW how did it popup the directory path on Your terminal ?

  • @PartneredAdmin
    @PartneredAdmin 28 วันที่ผ่านมา

    Hi how to add a new app using a command e.g. npx create-payload-app@latest as an app to a turborepo? I can 't find this anywhere clearly?

  • @GeekyNasir
    @GeekyNasir 29 วันที่ผ่านมา

    ❤‍🔥

  • @LEGENDARYSTREAMER
    @LEGENDARYSTREAMER หลายเดือนก่อน

    🔥

  • @0xtz_
    @0xtz_ หลายเดือนก่อน

    cooooool man 😎 this ll help aloot

  • @juanocampo3415
    @juanocampo3415 หลายเดือนก่อน

    Great thanks! Did you have the deployment process to vercel for each app? I'm kind stuck with that

  • @ramandahiya6977
    @ramandahiya6977 หลายเดือนก่อน

    nice

  • @macacovelho94
    @macacovelho94 หลายเดือนก่อน

    I keep getting insufficient funds on uniswap... idk why

  • @rishikesh7676
    @rishikesh7676 หลายเดือนก่อน

    Intermediate and senior level engineer don't do shit

  • @YassinSalah-nj6xf
    @YassinSalah-nj6xf หลายเดือนก่อน

    like whats the difference i think it is the same , and one more question is it gonna stop being for free ?

  • @riteshregmi5594
    @riteshregmi5594 หลายเดือนก่อน

    Can you make a video on nextjs-14 app router with trpc and web socket connection

  • @black-fb1hw
    @black-fb1hw หลายเดือนก่อน

    Looks like i m the first one to get all the new features which open ai releases like chat gpt 4o, chat gpt voice chat etc. I even got the chat gpt -4o mini even before any video got released on yt or any article on internet.

    • @YoutubeAichatbot
      @YoutubeAichatbot หลายเดือนก่อน

      What you yapping about i got gpt4o mini like way before anyone was talking about it so your not the only one

    • @black-fb1hw
      @black-fb1hw หลายเดือนก่อน

      @@TH-camAichatbot cry more

    • @YoutubeAichatbot
      @YoutubeAichatbot หลายเดือนก่อน

      @@black-fb1hw Why should I cry? I was only saying i have the same things as you.

    • @black-fb1hw
      @black-fb1hw หลายเดือนก่อน

      @@TH-camAichatbot it sounded like u were crying.

    • @YoutubeAichatbot
      @YoutubeAichatbot 29 วันที่ผ่านมา

      @@black-fb1hw ok

  • @0ni_x4
    @0ni_x4 หลายเดือนก่อน

    THEY ONLY TUTORIAL I COULD FIND, that works!

  • @gettingoverit__
    @gettingoverit__ หลายเดือนก่อน

    sir import { trpc } from "../../utils/trpc"; import React from "react"; export default function Home() { const hi = trpc.hello.useQuery(); return ( <> <div></div> </> ); } here i am getting the error on usequery that ⨯ TypeError: react__WEBPACK_IMPORTED_MODULE_2__.useContext is not a function at Home (./src/app/page.tsx:14:68) at stringify (<anonymous>) can you help me

  • @francescociulla
    @francescociulla หลายเดือนก่อน

    !first

  • @wasit-shafi
    @wasit-shafi หลายเดือนก่อน

    can you also make a video daisyUI once you got some free time. Thanks

  • @LEGENDARYSTREAMER
    @LEGENDARYSTREAMER หลายเดือนก่อน

    🔥

  • @Demonicskyers
    @Demonicskyers หลายเดือนก่อน

    Awesome job, thank you!

  • @Ai-Universe-x9j
    @Ai-Universe-x9j หลายเดือนก่อน

    can you remove someones video if they posted about your open source project ?

  • @arhumgirach7623
    @arhumgirach7623 หลายเดือนก่อน

    how can i deploy it on mainnet

  • @emmanuel-ayxdele
    @emmanuel-ayxdele หลายเดือนก่อน

    awesome

  • @allhailalona
    @allhailalona 2 หลายเดือนก่อน

    very good video thank you very much!

  • @reikoleci4689
    @reikoleci4689 2 หลายเดือนก่อน

    awesome tutorial man

  • @akiozfn6694
    @akiozfn6694 2 หลายเดือนก่อน

    Could you make a overlay checkout tutorial

  • @rodrigocardoso126
    @rodrigocardoso126 2 หลายเดือนก่อน

    I need help

  • @yashpal5355
    @yashpal5355 2 หลายเดือนก่อน

    Nice one atharv

  • @no---on
    @no---on 2 หลายเดือนก่อน

    Is this for next js 14?

  • @Grishopping
    @Grishopping 2 หลายเดือนก่อน

    friend thanks for the video... could you explain an example where you explain how to use prism with a turborepo Greetings Jose Grillo from Venezuela

  • @francescociulla
    @francescociulla 2 หลายเดือนก่อน

    Levelling up your thumbnail game 👀🔥

  • @bmjunior2977
    @bmjunior2977 2 หลายเดือนก่อน

    Does the forking process used in your video is the same if I fork the ethereum mainnet?

  • @satviksingh3184
    @satviksingh3184 2 หลายเดือนก่อน

    Does it work without gst number?

  • @SpaceBK_GD
    @SpaceBK_GD 2 หลายเดือนก่อน

    the thumbnail did you dirty bro 💀

  • @VolodymyrBoiko-dq8zp
    @VolodymyrBoiko-dq8zp 2 หลายเดือนก่อน

    is that applicable to polygon chain?

  • @noluccas6361
    @noluccas6361 2 หลายเดือนก่อน

    Amazing! Thanks, Atharva :)