Тёмный
Codr Kai
Codr Kai
Codr Kai
Подписаться
I like to code

All socials @codrkai
IG/codrkai
Patreon/codrkai
Github/codrkai
Beacons/codrkai
NextJS 14 - Passing Data to Pages and Components
20:51
5 месяцев назад
Is CHAT GPT Better than CODING TUTORIALS?
9:26
7 месяцев назад
NextJS 14 - How to FETCH DATA, SERVER API Routes
15:26
7 месяцев назад
NextJS 14 - Top 5 Things YOU NEED To Learn
27:58
8 месяцев назад
Комментарии
@johnasigbekye3028
@johnasigbekye3028 4 дня назад
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
@aaronalquiza9680
@aaronalquiza9680 7 дней назад
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-wp8sh
@User-wp8sh 18 дней назад
thank you very much! it was straightforward which is easy to understand. thank you.
@piyush9912
@piyush9912 Месяц назад
Commenting to support. Keep up the good work
@liamkelly4893
@liamkelly4893 Месяц назад
Most underrated channel I've seen, tutorials are so clear and simple yet detailed. Thank you!
@redzninja8749
@redzninja8749 Месяц назад
does the "use client" in wrapper component make the whole page not ssr friendly?
@milkboxshow1416
@milkboxshow1416 18 дней назад
that's exactly right
@farzad5128
@farzad5128 Месяц назад
lol, now main issue is how to get data from db in js file :)) u used static json array
@game_space111
@game_space111 Месяц назад
thanks man
@putujojo1968
@putujojo1968 Месяц назад
Is NEXT_PUBLIC_ENV working well on the client side?
@fantasyacesofficial
@fantasyacesofficial Месяц назад
Sent you a dm on instagram.
@melkhywong7594
@melkhywong7594 Месяц назад
hi. can i use your method to set cookies for value of cart id?
@irule10338
@irule10338 2 месяца назад
Fetching to an outside url, in your example dummy.json/products didnt work for me :(
@ashwinmanghat4416
@ashwinmanghat4416 2 месяца назад
But doesn't it mean that the slugs are open and accessible to anyone?
@em.naturalnie
@em.naturalnie 2 месяца назад
I have a question what microphone do you use? Thanks!
@codrkai
@codrkai 2 месяца назад
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.
@sian4d
@sian4d 2 месяца назад
Mil gracias
@AndresMartinez-se9zl
@AndresMartinez-se9zl 2 месяца назад
Hey, what is the difference between router handlers and api routes, and which one can i use in a next js 14 app?
@codrkai
@codrkai 2 месяца назад
This is part of the Next JS 14 tutorial series. Check out the first video which goes through all the basics 🙌
@christophernolan8761
@christophernolan8761 2 месяца назад
Awesome. thanks v much
@jr.rasentertainment4074
@jr.rasentertainment4074 2 месяца назад
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
@prashlovessamosa
@prashlovessamosa 2 месяца назад
Great
@codrkai
@codrkai 2 месяца назад
🙌
@sp_watersweep
@sp_watersweep 3 месяца назад
13:57 Commenting Timestamp for notes.
@codrkai
@codrkai 2 месяца назад
I've never thought of this. Nice 🙌🙌
@BrendonGruis
@BrendonGruis 3 месяца назад
I really like the straightforward nature of this tutorial. Way to stay on task and show how to do the thing concisely.
@0thi123
@0thi123 3 месяца назад
Nice video but when i create my own custom api route a POST route amplify throws error 500, please how do i resolve this
@codrkai
@codrkai 2 месяца назад
Join my Patreon and download the code for no errors lol 🔥 also, figuring out bugs will make you a better programmer 🙌🙌
@christophernolan8761
@christophernolan8761 3 месяца назад
u should have your own paid channel. it is that good
@codrkai
@codrkai 3 месяца назад
Glad you're loving it 👊 ps. Love your movies. Especially Inception 🙌😂
@Tomatechs558
@Tomatechs558 3 месяца назад
Thanks, I like your content happy coding, where can I find the previous video?
@codrkai
@codrkai 2 месяца назад
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 🙌
@lunchboxUFX
@lunchboxUFX 3 месяца назад
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?
@codrkai
@codrkai 2 месяца назад
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 🙌
@lunchboxUFX
@lunchboxUFX 2 месяца назад
​@@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-xt5eq
@Jo-xt5eq 3 месяца назад
Really helpfull ;) thanks
@EasyLiss
@EasyLiss 3 месяца назад
Finally what I’ve been looking for! Thanks for the wonderful info!!!
@prashlovessamosa
@prashlovessamosa 3 месяца назад
Great thanks for sharing
@cheftimbob
@cheftimbob 4 месяца назад
Awesome content as always Kai!
@chuuuuuuuuucu
@chuuuuuuuuucu 4 месяца назад
thanks!
@eliasshemsu5853
@eliasshemsu5853 4 месяца назад
This is a great video. Thanks a lot!
@dreadnaught9226
@dreadnaught9226 4 месяца назад
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.
@codrkai
@codrkai 4 месяца назад
I have an upcoming tutorial using next-auth. Hopefully it'll answer the sign in and expiration questions 😬👊
@froote
@froote 4 месяца назад
Idk why they don’t update the docs. But great tutorial
@codrkai
@codrkai 4 месяца назад
If you go to the NextJS website, make sure to select the "App Router" from the upper left dropdown to see the new docs 👊
@dreadnaught9226
@dreadnaught9226 4 месяца назад
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.
@codrkai
@codrkai 4 месяца назад
We've all been there. It gets faster over time 🔥
@rajithprabhakaran
@rajithprabhakaran 4 месяца назад
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.
@codrkai
@codrkai 4 месяца назад
I plan on making an updated tutorial soon with React 19 🙌
@christophernolan8761
@christophernolan8761 4 месяца назад
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.
@MelinaMusakhani
@MelinaMusakhani 4 месяца назад
terrible
@blabla-kk8bl
@blabla-kk8bl 4 месяца назад
bro can you make a todo app with next js with external api fetch , typescript would be more related if you can.
@blabla-kk8bl
@blabla-kk8bl 4 месяца назад
bro you are a gold.
@codrkai
@codrkai 2 месяца назад
My viewers like you are gold ✨🙌
@christophernolan8761
@christophernolan8761 4 месяца назад
Would the Axios code normally be in the same file as the form?
@DragonW3rrior94
@DragonW3rrior94 4 месяца назад
Hey why do i get the error useFormStatus is not defined? I am also using nextjs14 and react 18 and react-dom 18
@fuadhasan7592
@fuadhasan7592 15 дней назад
Same here
@lowkey5583
@lowkey5583 4 месяца назад
thanks for theses valuable infromations
@ChristiaHall
@ChristiaHall 5 месяцев назад
Hmm, interesting. I have a 2022 macbook pro M2 13 inch and can only connect one monitor out of the box. I don't have an HDMI port on the right side though. Your buddy must have been talking about one like mine.
@tonyaclark1980
@tonyaclark1980 2 месяца назад
ME too I don't know how to connect dual monitor and have two monitors
@christophernolan8761
@christophernolan8761 5 месяцев назад
could u pls add this code to your Github repository
@christophernolan8761
@christophernolan8761 5 месяцев назад
I though u need to import react for each component page, but u don't and it works. Why is that?
@piratkm2241
@piratkm2241 5 месяцев назад
I really appreciate your help in understanding the correct way to use Next.JS 14. It's a concept I've been struggling with for a long time, but you've made it much easier to grasp. Thank you.
@ordinarycoder1010
@ordinarycoder1010 5 месяцев назад
Hi, Kai, Your video was nice ,but if you fetch your own api route in the server component it will give you "SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON at JSON.parse (<anonymous>) at parseJSONFromBytes (node:internal/deps/undici/undici:5329:19) at successSteps (node:internal/deps/undici/undici:5300:27) at fullyReadBody (node:internal/deps/undici/undici:1447:9) at async specConsumeBody (node:internal/deps/undici/undici:5309:7)" in the production when you deploy in the vercel. I am also facing the same problem , I dont know how to solve it , can make a video on it
@محمدحسینمسلمی-ح2ذ
@محمدحسینمسلمی-ح2ذ 5 месяцев назад
some people used to set GET(req,res), if you use "res" in it you CAN NOT use {params} too, you'll probably get and error!(params is undefined)
@محمدحسینمسلمی-ح2ذ
@محمدحسینمسلمی-ح2ذ 5 месяцев назад
some people used to set GET(req,res), if you use "res" in it you CAN NOT use {params} too, you'll probably get and error!(params is undefined)
@danielchukwu524
@danielchukwu524 5 месяцев назад
Love the intro 💪