🔴 Let’s build a WEB SCRAPER with React! (Next.js 13.2, Firebase, Webhooks, TypeScript, Bright Data)

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ธ.ค. 2024

ความคิดเห็น • 88

  • @SonnySangha
    @SonnySangha  ปีที่แล้ว +10

    Get STARTED with Vercel Today 👉 links.papareact.com/vercel

    • @chairilashar7022
      @chairilashar7022 ปีที่แล้ว

      please make a react native employee attendance project, sir, I really support your channel

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

      Instead of using webhooks could this work with FB cloud functions?

    • @Thurainlinn-u5u
      @Thurainlinn-u5u 3 หลายเดือนก่อน

      းး
      ္စစးစ၀းစါ်

  • @PysznePysznosci
    @PysznePysznosci ปีที่แล้ว +5

    1:50:00 So if anyone is wondering how to make it work I've found that as of now the way that it works is you can do something like
    export async function POST(request: Request) {
    const body = await request.json(); // now you have access to body and you can go even further if you know that body contains search you can do it like this
    const { search } = await request.json(); // good idea here is to declare a type and type this object so we and everybody else knows its not from the sleeve but actually intended
    }

  • @ai_coding
    @ai_coding ปีที่แล้ว +4

    The stuff u explained in this build I have been trying to do for a while now but found no solution till now! Ur the best Sonny keep up the great work. IMO ur on another level with these builds & make other dev builds unwatchable.

    • @SonnySangha
      @SonnySangha  ปีที่แล้ว +2

      Thank you so much this means a huge deal!! I’ll keep them coming! #PAPAFAM

  • @beingwhale
    @beingwhale ปีที่แล้ว +3

    Sonny, you're a true gem of React!!!

  • @fahimsautomation1288
    @fahimsautomation1288 ปีที่แล้ว +3

    You are the best DEV in the whole youtube. Another best content 💯

  • @PattySpicy
    @PattySpicy ปีที่แล้ว +10

    Today build is sick !!! not just a simple web app anymore but you teach us how to build billionaire tool from scratch ! AWESOME!!!

  • @dalestewart
    @dalestewart ปีที่แล้ว +1

    Once again, another professional application.👍👍

  • @Osmanity
    @Osmanity ปีที่แล้ว +2

    My man, I just love the illustration part, it really helped me understand the overall project architecture concept into another level, Awesome stuff!🔥 #PAPAFAM ❤❤❤

    • @SonnySangha
      @SonnySangha  ปีที่แล้ว

      Thanks for the feedback ill do this alot more!! #PAPAFAM

  • @oyesaurabh
    @oyesaurabh ปีที่แล้ว +2

    Do we need to pay for Bright Data or Firebase in order to use them ?

  • @rennan9891
    @rennan9891 ปีที่แล้ว +1

    Hey, i love the debugging 🤣

  • @sirius_110
    @sirius_110 ปีที่แล้ว +5

    I am facing Crawler error: tunneling socket could not be established, statusCode=407 error while using bright data please anyone help.

    • @dancrha5978
      @dancrha5978 ปีที่แล้ว

      did you figure out how to fix it?

    • @pranitmoghe2731
      @pranitmoghe2731 ปีที่แล้ว

      Same error :(

    • @alexsantanna7322
      @alexsantanna7322 ปีที่แล้ว

      did any of you manage to revolse this issue? I suspect that it does not work on brightdata free trial, but I'm not sure

    • @TechNinjain720p
      @TechNinjain720p ปีที่แล้ว

      @@alexsantanna7322 Hey guys, I faced the same issue. I contacted brightdata and you need to add credits to your account in order to run a collector. But also make sure you click 'activate the free trial' on your collector, I didn't realize you had to activate it

    • @ashu15531
      @ashu15531 ปีที่แล้ว

      Thanks bro@@TechNinjain720p

  • @speedster784
    @speedster784 ปีที่แล้ว +4

    Can you do a project where you focus on authentication like implementing email verification without using magic link and resetting password those kinda stuff

  • @SuperPompey77
    @SuperPompey77 ปีที่แล้ว

    Excellent tutorial once again. Thankyou. 3am in the mornings here is a killer tho!!!! But its worth it!

  • @masuya444
    @masuya444 ปีที่แล้ว

    This is gonna be fun!

  • @matarloum2894
    @matarloum2894 ปีที่แล้ว

    How is possible that the height and width are working for you with the Magnify Icon if its a SVG 🤔??

  • @carsonz2256
    @carsonz2256 ปีที่แล้ว +6

    Hey Sonny! I loved the video project we just worked on!🔥Now I can put in on my resume🙂.The animations for the loading and the UI is very clean and I'm thinking of getting it to work with dark mode too. Keep up the good work! On a side note, have you seen the new GPT models(GPT3.5 turbo, embed, whisper)? I was wondering if you could make a quick video showing how we can modify the messenger build to incorporate these new models (preferably just the GPT-3.5turbo ones). I have an idea where we can make a conditional if (model === 'gpt-3.5-turbo') to detect specific cases like this and make different requests for them.

    • @kzod887
      @kzod887 ปีที่แล้ว +1

      Yeah his build was amazing! Also yeah I'm getting the same with an error 404, do you know how to fix this??

  • @HelloSpyMyLie
    @HelloSpyMyLie ปีที่แล้ว

    Hi Sonny I had some problems running this on windows. First NVM wont install properly. Second ngrok wont download.

  • @i_vishalsah01
    @i_vishalsah01 ปีที่แล้ว

    So quick question will it be able to scrape data from any website??

  • @kherraaminembarek2150
    @kherraaminembarek2150 ปีที่แล้ว

    Thank you bro your the best

  • @bilegtsdf5776
    @bilegtsdf5776 ปีที่แล้ว

    Hello, I would like to inquire about how we can speed up the search process.

  • @shayanalijalbani9894
    @shayanalijalbani9894 ปีที่แล้ว

    Can you tell us that which font are you using

  • @sonamsherpa57
    @sonamsherpa57 ปีที่แล้ว

    Great content. You got a subscriber.

  • @yayitseugene
    @yayitseugene ปีที่แล้ว

    Is Firebase safe for hosting your data though?

  • @automioai
    @automioai ปีที่แล้ว

    Thanks Sonny for your effort, and Thanks God for letme know supabase first than firebase 🤣

  • @lp26197
    @lp26197 ปีที่แล้ว

    Hello, I have learned the basics of js. Do you advise me to learn the framework or that I apply the exponential js without the framework and work, but sometimes after the application I find myself distracted. Is this normal and what is the solution? Please answer me and thank you

  • @jakubfronczyk2496
    @jakubfronczyk2496 ปีที่แล้ว

    how is it look like in git repository with two apps forntend and backed?

  • @NeverCodeAlone
    @NeverCodeAlone ปีที่แล้ว

    Very good...thx a lot for passion and inspiration!!

  • @dimpysharma712
    @dimpysharma712 ปีที่แล้ว +1

    How to call api directories in next app

  • @randomsVlogs871
    @randomsVlogs871 ปีที่แล้ว +1

    Love you from Pakistan 🇵🇰

    • @usmanmarkaz
      @usmanmarkaz ปีที่แล้ว

      bro are you complete this project???

  • @soufyensk5210
    @soufyensk5210 ปีที่แล้ว

    yaa we are all watching. we are legion man XD

  • @alexsantanna7322
    @alexsantanna7322 ปีที่แล้ว +1

    I'm having trouble to find the button 'develop a web scraper (IDE)' in brightdata, anyone else knows if they removed this fuctionality? Edit: Never mind, I found it, great content by the way!

    • @ifaizanMK
      @ifaizanMK ปีที่แล้ว

      how did you find it?

    • @alexsantanna7322
      @alexsantanna7322 ปีที่แล้ว

      @@ifaizanMK Sorry the late reply, If I'm note wrong I found It in the dashboard, note sure, but its somewhere there

  • @muzamilfootballer5682
    @muzamilfootballer5682 ปีที่แล้ว +1

    Plz include auto posting in any web scrapper project plzz plzzz plzzz😢

  • @yassineel_ouazzani7242
    @yassineel_ouazzani7242 ปีที่แล้ว

    That's gonna be boooooom

  • @leojohn6702
    @leojohn6702 ปีที่แล้ว +1

    Will this get block by amazon? I mean is this a real thing to create a small startup?

    • @bilegtsdf5776
      @bilegtsdf5776 ปีที่แล้ว

      probably, but great tutorial tho

  • @RanToSlow
    @RanToSlow ปีที่แล้ว

    Just met your partner at Ferrari World, he and his wife are great!

    • @SonnySangha
      @SonnySangha  ปีที่แล้ว +1

      Hahaha no way! that’s awesome 🤙🏽

  • @hamzabro-xr9ou
    @hamzabro-xr9ou ปีที่แล้ว

    We need a video to create an admin/user login using next js 13.2.
    Thanks

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

    When did i woke up and managed to learn all about this lol

  • @teinett
    @teinett ปีที่แล้ว

    What is the app that you use for drawing on the screen?

    • @huntermacias2023
      @huntermacias2023 ปีที่แล้ว

      I think this question is asked every single build & in many of his builds he says the tool he uses

  • @UIXConnect
    @UIXConnect ปีที่แล้ว

    where can I get this playlist., It is off the chain

    • @SonnySangha
      @SonnySangha  ปีที่แล้ว

      Sign up to the PAPAFAM Newsletter & we'll send it your way! 👉 links.papareact.com/newsletter

    • @UIXConnect
      @UIXConnect ปีที่แล้ว

      @@SonnySangha Thank you. Got it

  • @souravdubey4578
    @souravdubey4578 ปีที่แล้ว

    can we scrap data from any website like this ???

    • @SonnySangha
      @SonnySangha  ปีที่แล้ว +1

      Yes!!!

    • @souravdubey4578
      @souravdubey4578 ปีที่แล้ว

      @@SonnySangha thanks bro for this amazing vdo

    • @amangarg5385
      @amangarg5385 ปีที่แล้ว

      @@SonnySangha thanks for such valuable information

  • @lowenruh_est
    @lowenruh_est ปีที่แล้ว

    Please make video about Bolt app ( car rental app)

  • @suu566
    @suu566 ปีที่แล้ว

    Anyone elese getting "Internal Error, try again later", when pasting the link into Brightdata?

    • @alexsantanna7322
      @alexsantanna7322 ปีที่แล้ว +1

      yes, I'm having the same errror, did you manage to resolve?

    • @suu566
      @suu566 ปีที่แล้ว +1

      @@alexsantanna7322 Nope, unfortunately I can’t get brightdata to work. Did you find a solution for this?

    • @alexsantanna7322
      @alexsantanna7322 ปีที่แล้ว

      @@suu566 I think we may have to purchase one of brightdata plan in order to work.

  • @sdsim1
    @sdsim1 ปีที่แล้ว

    Thank you

  • @tejasvishnu3836
    @tejasvishnu3836 ปีที่แล้ว

    please make a video using push notification

  • @kherraaminembarek2150
    @kherraaminembarek2150 ปีที่แล้ว

    From algeria

  • @usmanmarkaz
    @usmanmarkaz ปีที่แล้ว +1

    Sir plz make React Native Projects Plz sir

  • @samat_bro
    @samat_bro ปีที่แล้ว

    Music is not enough loud. Can not watch the video without loud music

  • @yaninyz_witt-mwa3687
    @yaninyz_witt-mwa3687 ปีที่แล้ว +1

    sonny make it downloadable please

    • @SonnySangha
      @SonnySangha  ปีที่แล้ว

      It’s in the description?

  • @majidtaei4251
    @majidtaei4251 ปีที่แล้ว

    in the console

  • @anasryadi8545
    @anasryadi8545 ปีที่แล้ว

    Did he say north korea ? 😂

  • @darknessgamerz4809
    @darknessgamerz4809 ปีที่แล้ว

    geeat

  • @susankikira3539
    @susankikira3539 ปีที่แล้ว

    uganda

  • @IwanSetiawan-yc8gt
    @IwanSetiawan-yc8gt 11 หลายเดือนก่อน

    Oke bos kita jowin pidio dulu karna saya lagi ngurusin identitas saya yang ilang 🙏👍

  • @JeanNaiman-k9j
    @JeanNaiman-k9j ปีที่แล้ว

    sper ca totulDir

  • @otienodaniel9165
    @otienodaniel9165 ปีที่แล้ว +1

    What religion are you Sony Saghna

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

    Pourquo😊😅i

  • @JeanNaiman-k9j
    @JeanNaiman-k9j ปีที่แล้ว

    este sittuatiare isCaRca

  • @manindrasammanathegreat8253
    @manindrasammanathegreat8253 ปีที่แล้ว

    🤍🤍🤍