The env vars in build commands saved my life. Man I would buy you a coffee if I could. Thank you for the problem you solved for me!
@jarnolaitinen998921 күн бұрын
no processing param doesn't fix double fetch. -> Why does it happen? In React 18, Strict Mode causes effects with an empty dependency array ([]) to run twice in development mode. This is a debugging feature, and it only happens in development-not in production. The second run is meant to simulate an unmount and remount cycle to catch bugs in cleanup logic.
@thebenblue2026 күн бұрын
I was literally working on this the whole day and Code Kai saved me at the end. I got my back-end working! Thank you :)
@bruceleeroy8302Ай бұрын
Great tutorial. I got it to work but I wanted to know which video precedes this with the front end code?
@forall7586Ай бұрын
Most Valueable Video. Thanks to save my lot of time. I was facing issues in getting environment variable but now everything working fine ❤
@suriya_619Ай бұрын
Hi, your videos are easy to learn. can you make a video for "simple react app hosting in render and api sending and receiving".
@santd3400Ай бұрын
It destroys useful SC of NextJS :)))
@antwariorАй бұрын
can you please do a video on setting up a form and getting the users details, authenticating their details and then submitting that info to the database, i have been watching your videos for 2 days and i am still kinda confused on how that transaction works, and by the way, i think its best to do the videos in a way where you show how to do it the production way and then show other ways, that would make it a lot easier and be great way for me to learn, follow along and finally put something out for production at the same time @Codr Kai
@antwariorАй бұрын
OMG... bro you dont know how much you just helped me, I been looking for a tutorial just like this one for over a month but everytime i search it, they show me ruined tutorials and i just click right out because its no sense to follow along if I'm not using typescript (yes tutorial tubers using typescript to show you a thing you trying to do in javascript is trash and what i call a waste of a tutorial because typescript is for me a ruined experience of real javascript ) Im about to benge watch all your videos in the middle of me building out my project, thank you for your video brother 👌👌
@JapaneseWithoutKanjiАй бұрын
ok, but if its a digital product, how to deliver it to him after he pays? how do i know he paid?
@TangieBeatyАй бұрын
Can this work with a Mac Book Air that only has USBc connection only
@utkarshseth3082Ай бұрын
Realy realy helpful, i was kind of pissed off like why its not working om aws amplify, thank you very much for making this vidoe 🙏
@farid93232 ай бұрын
The build settings with environment variables was the missing piece for me. I didn't see documentation for that anywhere. You saved me countless hours (and headaches).
@utkarshseth3082Ай бұрын
Yes same exactly 💯
@floydizzle2 ай бұрын
Had to do a refresher on integrating a node/express backend with react and this video explains how to implement them together very clearly. Thanks bro!
@John-wx3zn2 ай бұрын
Thank you.
@johnasigbekye30282 ай бұрын
yea, this is the best tutorial i've seen so far. can't believe i spent hella hours trying to figure out homebrew and pip and vscode as a new mac user
@aaronalquiza96802 ай бұрын
i have a HDMI monitor switcher (1 monitor to multiple inputs like a PS5, Windows, Mac, etc). 1 samsung hdmi monitor (1440p 60hz) is connected to it so i can switch between my home windows PC and my work Macbook M2 Pro. i could also directly connect the hdmi monitor to the macbook's hdmi port. i have another LG monitor (1600p 60hz) directly connected to one of the usb-c ports of the macbook. both monitors work with the macbook with lid open or closed. it does need to be connected to a power source otherwise it disconnects both monitors.
@User-wp8sh3 ай бұрын
thank you very much! it was straightforward which is easy to understand. thank you.
@piyush99123 ай бұрын
Commenting to support. Keep up the good work
@liamkelly48933 ай бұрын
Most underrated channel I've seen, tutorials are so clear and simple yet detailed. Thank you!
@redzninja87493 ай бұрын
does the "use client" in wrapper component make the whole page not ssr friendly?
@milkboxshow14163 ай бұрын
that's exactly right
@farzad51283 ай бұрын
lol, now main issue is how to get data from db in js file :)) u used static json array
@game_space1114 ай бұрын
thanks man
@putujojo19684 ай бұрын
Is NEXT_PUBLIC_ENV working well on the client side?
@fantasyacesofficial4 ай бұрын
Sent you a dm on instagram.
@melkhywong75944 ай бұрын
hi. can i use your method to set cookies for value of cart id?
@irule103384 ай бұрын
Fetching to an outside url, in your example dummy.json/products didnt work for me :(
@ashwinmanghat44164 ай бұрын
But doesn't it mean that the slugs are open and accessible to anyone?
@em.naturalnie4 ай бұрын
I have a question what microphone do you use? Thanks!
@codrkai4 ай бұрын
For this video, I'm just using a lavalier mic with a windscreen on it 😊 My new videos I've been using the DJI Mic 2 and I highly recommend it.
@AndresMartinez-se9zl5 ай бұрын
Hey, what is the difference between router handlers and api routes, and which one can i use in a next js 14 app?
@codrkai5 ай бұрын
This is part of the Next JS 14 tutorial series. Check out the first video which goes through all the basics 🙌
@christophernolan87615 ай бұрын
Awesome. thanks v much
@jr.rasentertainment40745 ай бұрын
Thank you so much for sharing this information, I am about to launch my website but I need this for my Merchandise. Watching all the way from Vanuatu
@prashlovessamosa5 ай бұрын
Great
@codrkai5 ай бұрын
🙌
@sp_watersweep5 ай бұрын
13:57 Commenting Timestamp for notes.
@codrkai5 ай бұрын
I've never thought of this. Nice 🙌🙌
@BrendonGruis5 ай бұрын
I really like the straightforward nature of this tutorial. Way to stay on task and show how to do the thing concisely.
@0thi1235 ай бұрын
Nice video but when i create my own custom api route a POST route amplify throws error 500, please how do i resolve this
@codrkai5 ай бұрын
Join my Patreon and download the code for no errors lol 🔥 also, figuring out bugs will make you a better programmer 🙌🙌
@jacksonrogerАй бұрын
Same problem
@christophernolan87615 ай бұрын
u should have your own paid channel. it is that good
@codrkai5 ай бұрын
Glad you're loving it 👊 ps. Love your movies. Especially Inception 🙌😂
@Tomatechs5585 ай бұрын
Thanks, I like your content happy coding, where can I find the previous video?
@codrkai5 ай бұрын
I've separated these into their own playlists with React, Next JS, Python etc. They should be in order. I tend to label everything with their respective names like React JS or Next JS. Hope it helps 🙌
@lunchboxUFX6 ай бұрын
I'm used to separating the BE in its own directory but have it still use the original package.json at root, here you init one inside the backend dir - is there a specific programmatic reason for doing this, or does this just keep things organized?
@codrkai5 ай бұрын
I actually recommend separating them in their own folders. I think I show this in the next tutorial or something lol. I have seen others do this, but I do think it's more clean to have the BE and FE in their own 🙌
@lunchboxUFX5 ай бұрын
@@codrkai actually i thought about it more and i'm like duh, prob nice to keep dependencies separate. Aint nobody using jquery slider on the server
@Jo-xt5eq6 ай бұрын
Really helpfull ;) thanks
@EasyLiss6 ай бұрын
Finally what I’ve been looking for! Thanks for the wonderful info!!!
@prashlovessamosa6 ай бұрын
Great thanks for sharing
@cheftimbob6 ай бұрын
Awesome content as always Kai!
@chuuuuuuuuucu7 ай бұрын
thanks!
@eliasshemsu58537 ай бұрын
This is a great video. Thanks a lot!
@dreadnaught92267 ай бұрын
Thank you so much for the amazing tutorial. Could you kindly may be in a future video show us how we can use the cookies to log in the user if the cookies haven't yet expired instead of calling the sign in form client component. Again, amazing work.
@codrkai7 ай бұрын
I have an upcoming tutorial using next-auth. Hopefully it'll answer the sign in and expiration questions 😬👊
@froote7 ай бұрын
Idk why they don’t update the docs. But great tutorial
@codrkai7 ай бұрын
If you go to the NextJS website, make sure to select the "App Router" from the upper left dropdown to see the new docs 👊
@dreadnaught92267 ай бұрын
I love the tutorial, can't help but feel cheated that in less than 30 minutes, you've accomplished what I couldn't in a week. Thank you, G.
@codrkai7 ай бұрын
We've all been there. It gets faster over time 🔥
@rajithprabhakaran7 ай бұрын
Wonderful session! Quite a lot of take away from this session. Keep up your good work! I spent some evenings, it's worth spending that much time. Thanks. NB: There are few changes in the syntax, now and then, due to update in the versions.
@codrkai7 ай бұрын
I plan on making an updated tutorial soon with React 19 🙌
@christophernolan87617 ай бұрын
really terrific. You are a very good instructor. 1 question: in the client, does each page run its own axios fetch code on the page (or is that code separated out like a component)? Thanks again for the really helpful videos on React.