📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university
@andyb99903 жыл бұрын
Yo Mailman these builds have a lot more content when you're not constantly being interrupted. Glad you have your own channel!
@SonnySangha3 жыл бұрын
💯😉
@javakian13 жыл бұрын
Yes keep using Tailwindcss and Next.JS my favorite language of choice!! you are the greatest !!
@maxmaksum46733 жыл бұрын
The most clear, simple, practical on next js and tailwind ever. Brother Sonny could you please make tutorial on payment with googlepay or samsungpay etc..thanm you so much
@SonnySangha3 жыл бұрын
Watch my REACT BASICS 101 class for FREE with 1 month FREE SkillShare access here (First 1000 people) skl.sh/2Srfwuf
@fonsusali3 жыл бұрын
Sonny is definitely saving lives with these builds, no joke
@slowprogrammer3 жыл бұрын
really, i built it using react js
@MaybeBL1TZ3 жыл бұрын
if anyone wants to know how to send env variables to hide your keys : go to next.config.js : module.exports = { env: { API_KEY: 'your API KEY ', CONTEXT_KEY: 'your CONTEXT KEY ' }, } search.js : const API_KEY = process.env.API_KEY const CONTEXT_KEY = process.env.CONTEXT_KEY
@turgaymukhtarzade5682 жыл бұрын
thx :)
@abderrahimslam28923 жыл бұрын
Hi sonny! thank you so much for those builds, I have discouvered the beauty and power of React js through your clones and since then I have been coding with react js. I hope that you make one build using react and typescript.
@Essa3q423 жыл бұрын
This guy literally helped me get through React Js during this COVID-19
@yogeshchaudhary6213 жыл бұрын
Sonny your content is always awesome !! We need heroes like you
@draftermyself3 жыл бұрын
Really nice, clean and awesome developement! 🔥🔥🔥 Happy that KZbin recently gave me you in the recommendations ❤️
@TheCodingOdyssey3 жыл бұрын
This is so good! So much knowdlege shared freely. We are truly blessed in this times.
@ankitapaul14703 жыл бұрын
Just completed this build. It was super awesome... All credit goes to our mentor Sonny!!. Take a bow ... #PAPAFAM is blazing !!! 👌👌❤😍
@ibrahimzahir70613 жыл бұрын
Seriously you are amazing. The way you explain complex things.. simply wow...Explain us ML/DL algorithms. 😍
@relaxationandpositivevibes83623 жыл бұрын
keep up the work sonny , Quality content gets repaid nicely ..your time is coming....patience...you are blessed
@sanketss843 жыл бұрын
my first time here. pace was good and this was a good experience getting to know nextjs and tailwind css. like this format of quickly getting a know how of how things work.
@sanketss843 жыл бұрын
waiting for some react native stuff.
@teguhbadrusalam2953 жыл бұрын
Another awesome content from Sonny! This guy is real Legend!
@user-zw6kn2ri9j3 жыл бұрын
Qué bien! Al fin, subtitulos activados. Saludos desde Ecuador.
@rodrigo53093 жыл бұрын
Tailwind CSS is just amazing!
@Deepsouthbro3 жыл бұрын
Keep the Next.js and TailwindCSS coming!!!!
@ThugLifeModafocah2 жыл бұрын
Your tutorials are always on point. Very good material thank you. I missed one thing in this thoug: the suggestions while you typing your search word/phrase. But thank you anyway. Learning a lot from you.
@deephousefridays1911 Жыл бұрын
Just found the channel, great content man. Love your relaxed guidance, keep up with it and you will grow.
@akshar-patel Жыл бұрын
Hi Sonny, This is so cool. You make this easy to understand. Thanks, man. Keep it going!! 🚀
@isiahjones_333 жыл бұрын
Another crazy project knocked out of the park!
@MaltonCanada2 жыл бұрын
Thanks so muchhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
@kevalshah76932 жыл бұрын
One day will come when there will be no app remaining that he can clone. As he have been already cloned every app in world. As he had build google gmail signal netflix amazon and lot more This is the best channel to learn JS and it libraries like react next etc. Thank you brother for your support and guidance
@yoman94463 жыл бұрын
You make programming fun man
@codeWimran3 жыл бұрын
Always love your content... thanks for ...... :)
@temiloluwaogundiran23513 жыл бұрын
This is dope, I love your videos there are so amazing Can you build a blog with react or next.js
@c9m8533 жыл бұрын
Nice job , i am in love with your work, can you do an imdb clone?
@FitnessChaos3 жыл бұрын
Sheeeesh. Multiple times in the build i started googling on the project instead of on the real google 🤣 Thats how good this build is
@SonnySangha3 жыл бұрын
Haha passed the test!
@NeverCodeAlone3 жыл бұрын
Perfect....thx for your passion and inspiration
@rendoesmath3 жыл бұрын
*Ohhhhhhhhhoooo* We got a legend here
@naimislamantor37813 жыл бұрын
Tailwind is really fun thanks a lot sunny bro.
@05forn3 жыл бұрын
Can u make beginner javascript tutorials along with these big builds? That would be amazing
@ramsesii62902 жыл бұрын
First go learn javascript, react, next and then come back here. ;)
@gursimranjeetgill36143 жыл бұрын
I love your videos & tutorials man!
@andrewumole5083 Жыл бұрын
Tuning in from Nigeria
@criszamarco21863 жыл бұрын
Amazing!! Thanks!!
@shopsrise51373 жыл бұрын
LOVE all your videos!!! Keep it up 🔥 #PAPAfam
@vihaankedia81343 жыл бұрын
has the best coding cont ever
@Ale-zx1ln2 жыл бұрын
best channel learn to react
@imadrajwani49273 жыл бұрын
Best moment: "Someone said Bootstrap or tailwind" , Sonny barely hesitates and says ""Tailwind all the way, those guys want sponsors, Im down"
@SonnySangha3 жыл бұрын
Hell yeah… 💯
@csgoblins6943 жыл бұрын
Learned A lot Bro from You
@lifeisbeautifu1 Жыл бұрын
top notch content as always🔥🔥🔥
@RastaOnABikeАй бұрын
youtube sent me here. i have no idea why as i understand 0 coding
@fabiotheodoro61683 жыл бұрын
Man, you are the best!!!
@KartavyaVg3 жыл бұрын
Which software you use for adding whiteboard effects to show the components ?
@CorentinClichy3 жыл бұрын
Really nice man as always!
@MCAAlexKumar Жыл бұрын
Man this is something
@damandeepsingh84123 жыл бұрын
Great content man!
@adityakushwaha33163 жыл бұрын
Sonny You are great !!!!
@CodewithParthAnand3 жыл бұрын
@Sonny Sangha I am facing an issue when I type 'yarn' it is not working I am doing it in the vs-code terminal please help them.
@Shalinity3 жыл бұрын
I have made it through this vid, everything is working fine but I am not getting results Like Sonny's clone, like it gives me max 12-14 search results. Can anybody please explain that? Also a huge thanks to Sonny for dropping this video for absolutely free!😇 Edit: you just need to turn on the full web search in cse settings while getting your context API :)
@sanchitsreekumar85622 жыл бұрын
You saved me alot of trouble searching for a solution. I was wondering why it was showing some weird results. Thanks
@teshell83172 жыл бұрын
Thank you so much!
@leonardohurovich3381 Жыл бұрын
If you're watching this now and got the following error: Error: `'` can be escaped with `'`, `‘`, `'`, `’`. react/no-unescaped-entities Apparently it comes from the "I'm feeling lucky" button, and all you need to do to fix it is swap the ' for a '
@vaibhavagrawal4313 жыл бұрын
Amazing teacher ❤
@vivekkumar367322 жыл бұрын
His voice is ❤️❤️
@AbbasMoharami3 жыл бұрын
Awesome build ✌❤
@adilskillz26943 жыл бұрын
ypu are the best papa react
@bobbygraczyk43773 жыл бұрын
Has anyone gotten any errors with deployment? <a href="#" class="seekto" data-time="1051">17:31</a>:31 Error: Command "yarn run build" exited with 1
@binaprajapati77092 жыл бұрын
Ya man I got it, can you tell how did you fix it?
@androidenthusiast28062 жыл бұрын
you are so awesome bro!
@petroschristodoulou79873 жыл бұрын
thanks this is really great
@michaellevi67432 жыл бұрын
Great video...Question for you: So using the ${selected && ..} => (using this highlights 'All' but even when you chose another of the option the 'All' still shows a highlighted line as well under it vs.. the ${selected & } => only shows the highlighted line under the selected option... Was this an oversight?
@vikramnayyar27523 жыл бұрын
Sonny can you please make a short video showing us how to secure API keys with .ENV files?!!!!!
@MaybeBL1TZ3 жыл бұрын
Easy dude , go to next.config.js add this : module.exports = { env: { API_KEY: 'your API KEY ', CONTEXT_KEY: 'your CONTEXT KEY ' }, } and when you wanna use it go to your search.js const API_KEY = process.env.API_KEY const CONTEXT_KEY = process.env.CONTEXT_KEY
@vikramnayyar27523 жыл бұрын
@@MaybeBL1TZ TYSM! Also do you know a FREE way to deploy Next JS Apps?😂 I tried using FireBase build couldn’t get it to work.
@MaybeBL1TZ3 жыл бұрын
@@vikramnayyar2752 no need , vercel is free to use you can use it but just you can't have a custom domain name
@vikramnayyar27523 жыл бұрын
@@MaybeBL1TZ Tysm! I thought it was just a paid brand deal thing so would always click off before the deployment stage. I really appreciate the response!
@vikramnayyar27523 жыл бұрын
@@MaybeBL1TZ I keep getting this error when trying to deploy: ModuleNotFoundError: Module not found: Error: Can't resolve 'next/Router' in '/vercel/path0/google-clone/pages'
@maxmaksum46733 жыл бұрын
awesome, the best ever
@waleedsharif618 Жыл бұрын
If we use react 18 with this clone, should we remove strict mode cuz it gives multiple renderings ?
@fumomodo58413 жыл бұрын
Hey sunny you are doing awsome work buddy and I watching you for a while can you please build a Uber clone or Remitly clone Thanks
@sahilgupta50413 жыл бұрын
Tailwind CSS is Insane
@IllusionIRL3 жыл бұрын
Hey, thanks for the great content as always, i was wondering, in which scenario would you prefer Tailwind over styled component ?
@SonnySangha3 жыл бұрын
Thanks! In my opinion, tailwind is my go to choice now always due to the design system that is put in place when using it, in addition it’s leaps better in regards to responsive design aswell!
@IllusionIRL3 жыл бұрын
@@SonnySangha i see, even don't you think it can go messy in className attribute sometimes with all thoses OOCSS from tailwind on it ?
@SonnySangha3 жыл бұрын
2 things: refactor into react components to avoid this and also bundle reused CSS into global styles using @apply in tailwind!
@kylegardner6533 жыл бұрын
Do we need to use context to have the search input value persist from the home page to the search page?
@mrpixelk1735 Жыл бұрын
Hey sonny, i am getting an error 403 with api key. i checked in the network tab and it says incorrect api key. i spent a day trying to resolve the issue but i could not?
@varaprasad41633 жыл бұрын
Hi Guru! At <a href="#" class="seekto" data-time="2063">34:23</a> you are writing custom css like hover:underline cursor:pointer. why not in div tag directly. it works right?.
@nickmezacapa9702 жыл бұрын
Good lookin bro thank you👌🏻 I know I’m late to the party but any way you can offer some insight as to why I’m getting less than 10 results per search? If I search something like “Hello” or “Hello World” I get millions of results back but anything else I search for results in some pretty lacking data. Tried rewatching and I’m still lost. Any idea where my error could be?
@abhaytiwari64113 жыл бұрын
Bro, please make next video on how to use API in React-js by using Axios.
@sanskaarpatni91373 жыл бұрын
Amazing content
@zackdelarocha91392 жыл бұрын
Onde fica o balcão? quero fazer uma reclamação , porque o youtube não entregou esse vídeo a mais gente? que top cara!
@salvatoremuroni22323 жыл бұрын
Hi Sonny, great tutorial, Tailwind is just amazing stuff. I'm having some problems deploying: Failed to compile. <a href="#" class="seekto" data-time="622">10:22</a>:37 ModuleNotFoundError: Module not found: Error: Can't resolve 'next/Image' in '/vercel/workpath0/components' <a href="#" class="seekto" data-time="622">10:22</a>:37 > Build error occurred <a href="#" class="seekto" data-time="622">10:22</a>:37 Error: > Build failed because of webpack errors <a href="#" class="seekto" data-time="622">10:22</a>:37 at /vercel/workpath0/node_modules/next/dist/build/index.js:<a href="#" class="seekto" data-time="1029">17:9</a>24 <a href="#" class="seekto" data-time="622">10:22</a>:37 at runMicrotasks () <a href="#" class="seekto" data-time="622">10:22</a>:37 at processTicksAndRejections (internal/process/task_queues.js:9<a href="#" class="seekto" data-time="185">3:5</a>) <a href="#" class="seekto" data-time="622">10:22</a>:37 at async Span.traceAsyncFn (/vercel/workpath0/node_modules/next/dist/telemetry/trace/trace.js:<a href="#" class="seekto" data-time="358">5:58</a>4) Do you know what this could be related to? Thank you! Can't wait for the next tutorial!
@codewithyug11293 жыл бұрын
Hey Sonny awesome video, I have a question. Can we deploy the app on netlify instead of vercel.
@getemtanvir3 жыл бұрын
sorry for that PAPA REACT <a href="#" class="seekto" data-time="175">2:55</a>:13
@dinesh.p86423 жыл бұрын
Bhaiyya aap tho kamaal kardhi
@farnoodlotfali49123 жыл бұрын
SOOOO NICEE
@giorgos-45153 жыл бұрын
can anybody explain how did the pagination work? my best guess is clicking the previous and next button causes a rerender and then the fetched results are different
@anshjain92933 жыл бұрын
Zoom Clone plz
@farzadsunavala55533 жыл бұрын
How can we bold the searchInput text in the result.snippet?
@anon-4033 жыл бұрын
Nice video!
@waleedsharif618 Жыл бұрын
Is deploying free like in firebase ? Hosting free?
@jyothyelizabethmartin49273 жыл бұрын
Can you make a python tuitorial?
@Jamesomnipotent3 жыл бұрын
Hi @Sonny Sangha and everyone, I have a problem to share. I have just graduated a month ago and I am struggling to find my first job during this covid period. I am actively applying for Data Analyst role but often got rejected. Would it be a bad thing if I take up another job that is not relavent to data anaylst at all , and the contract is 1 year. Will this be a waste of time for my career path? Any suggestions will be much appreciated. Thanks!
@SonnySangha3 жыл бұрын
Personally I think you shouldn’t take a different job, you’ll regret this long term. If you can’t get a job, invest in the means to develop the skills SO you can get a job. Join us at www.papareact.com I’ll help you get a job dude!
@khattasallaman3373 жыл бұрын
You are my favorite
@user-to2cg8ec9f3 жыл бұрын
thx
@milesrykerodazie1713 жыл бұрын
Sonny you are good
@jarno24273 жыл бұрын
How to do it in windows (npx create app fixed ) your github says no public projects
@kylegardner6533 жыл бұрын
For some reason h-5 does not work for me but h-8 does. Any reason why certain height utilities do not work as they do in your tutorial?
@ZeusOP3 жыл бұрын
Can you open other websites using this Google????
@SonnySangha3 жыл бұрын
Yea!
@skp73493 жыл бұрын
Could you give me some advice? SOME of tailwind class doesn't work in my project. I just follow your code. For example, h-3 doesn't work but h-4 works. justify-center work but justify-evenly doesn't work. How can I solve it?
@omowunmidaud74933 жыл бұрын
hi papa react, I enjoyed your tutorial but I'm getting some errors with vercel. Any help?
@adarsh_ravikumar3 жыл бұрын
Next video: Let's build the internet 2.0!
@subhamranjansahoo27253 жыл бұрын
Can you make google calender clone
@mahmadmustaq43063 жыл бұрын
hey anyone can help me i am not able to copy the object which i am getting from the server at the time of search build result,"object copy" option is not there only.
@akshayshewate51853 жыл бұрын
Nextjs op bro ❤️❤️❤️❤️❤️🎉🎉🔥🔥🔥 rock react app best combination big app🔥🔥🔥🔥
@mekafka67562 жыл бұрын
I dont know why but i keep getting the message in the console saying that " THE API_KEY IS NOT VALID" when i try to fetch the search results