Пікірлер
@zak10x
@zak10x 4 күн бұрын
Hey, I really like your UI settings. If you can make a video on them or share the json code, that would be amazing!
@taylorlindoresreeves
@taylorlindoresreeves 2 күн бұрын
@@zak10x hey the theme is Dracula Pro
@trndsettrlabs
@trndsettrlabs 5 күн бұрын
What vscode theme are you using?
@taylorlindoresreeves
@taylorlindoresreeves 5 күн бұрын
Hey it's called Dracula Pro 👍
@srenhyer3895
@srenhyer3895 6 күн бұрын
Few more questions. After implementing it this way I noticed that my page in the background did a rerender when the searchParams changed, even if I did router.replace instead of pushing the params. Also I wonder what are the pros of doing it this way (besides the js bundle size difference of a single client/server component), instead of just toggling the modal with a provider and passing in the server components by prop? I'd assume a modal would be the ideal usecase for keeping the modal a client component and passing in the server components? I'm asking because I'm not entirely sure.
@taylorlindoresreeves
@taylorlindoresreeves 6 күн бұрын
You could try using window.history.replaceState as this replaces the URL without browser refresh. The main benefit I think is SEO - pretty sure the search engines can pick up the URLs for each product modal when they're server rendered, but not with client components because it uses JavaScript to render the modal.
@srenhyer3895
@srenhyer3895 6 күн бұрын
@@taylorlindoresreeves Thanks. Doesn't seem like you can "wait" executing/fetching from a server component child component until the parent modal client component is opened. It seem as if the modal is a client component, and ServerComponentThatFetches is passed as child/prop it starts fetching its data immediately and does not wait for the modal to show its content. So server modals might be our only option if we have serer components inside the modal that needs to fetch some data upon display.
@srenhyer3895
@srenhyer3895 6 күн бұрын
Around thee 4.10 mark you mention that it's a bit of a technical challenge but definitely still doable to implement server side modals for global modals, but I'm curious how you'd do that let's say for a modal you trigger from clicking a button/icon in a global header, since you have no way of knowing whether search params changed from the root layout? :-)
@taylorlindoresreeves
@taylorlindoresreeves 6 күн бұрын
You can achieve this using middleware to capture the search parameters, storing them in a cookie. This same cookie can then be accessed in the layout at load time and during server‑side rendering.
@srenhyer3895
@srenhyer3895 5 күн бұрын
@@taylorlindoresreeves don't you mean setting them in a header and not a cookie? Just like you do for the pathname? That will opt all routes into dynamic rendering, but that might be acceptable.
@riponsoum
@riponsoum 7 күн бұрын
github link not working
@taylorlindoresreeves
@taylorlindoresreeves 7 күн бұрын
My bad, it was the incorrect link. Have updated it now!
@GuriLudhiana
@GuriLudhiana 7 күн бұрын
knowledgeable
@taylorlindoresreeves
@taylorlindoresreeves 7 күн бұрын
Thanks, hope you gained something from my content
@nasko235679
@nasko235679 9 күн бұрын
There's 0 documentation on credentials provider + database session. When I asked the creator of AuthJS he told me there never will be because he doesn't like it and I should just use JWT. You seem well versed in what is undoubtedly the worst documented auth library in the world lol, so it would be extremely helpful if you could make a video about credentials + database session setup. It's really hard for me to understand as a newer developer since it's all abstracted away and I don't know how to implement the session logic.
@taylorlindoresreeves
@taylorlindoresreeves 8 күн бұрын
Yeah, I've set up credentials across multiple projects so I certainly will create a video on that. It requires a few workarounds because as you said, the author doesn't want you to use credentials and it's obvious when trying to configure it, you have to implement a few hacks. Video will come soon. Thanks!
@nasko235679
@nasko235679 8 күн бұрын
@@taylorlindoresreeves No man, THANK YOU! Coming from Laravel where everything is batteries included, setting up an actually useable nextJS environment with authentication is tough. So far I've had great success using lucia auth for database sessions + credentials, but I'd like to learn how to do the same in authJS.
@varunmehra5
@varunmehra5 9 күн бұрын
Love this kinda content which is so natural that you didnt even bother editing the part where you missed importing Zod. Inspired me haha to not take my mistakes very seriously and get discouraged as a beginner
@taylorlindoresreeves
@taylorlindoresreeves 9 күн бұрын
Absolutely 👍 I make mistakes all the time 😅 it's part of being a programmer! Enjoy the journey 👨‍💻
@NitroBrewbell
@NitroBrewbell 9 күн бұрын
Great Tutorial Taylor ! Thank you. Hope you continue with more guides. Has anyone run into bun issue halfway through with error message: "ReferenceError: Can't find variable: TextDecoderStream" ? with with streamUI() function in actions file . It seems to work on Node but not on Bun. The workaround seemed complicated to me on Bun
@taylorlindoresreeves
@taylorlindoresreeves 9 күн бұрын
Thanks, no I haven't unfortunately. Hopefully someone else knows about this issue 🤔
@kyujong93
@kyujong93 14 күн бұрын
You have an apple keyboard :
@taylorlindoresreeves
@taylorlindoresreeves 14 күн бұрын
Good call! 👍
@prashlovessamosa
@prashlovessamosa 16 күн бұрын
Wow thanks very helpful
@taylorlindoresreeves
@taylorlindoresreeves 16 күн бұрын
Thanks for watching :)
@prashlovessamosa
@prashlovessamosa 16 күн бұрын
Great thanks for sharing
@taylorlindoresreeves
@taylorlindoresreeves 16 күн бұрын
No worries, hope you enjoyed it
@tastefulthickness
@tastefulthickness 18 күн бұрын
To the moon 🤘H
@taylorlindoresreeves
@taylorlindoresreeves 16 күн бұрын
Exactly 🚀🌑
@leo-phiponacci
@leo-phiponacci 22 күн бұрын
Thank you, great video! Can you please do a video about Credentials Provider with database sessions?
@taylorlindoresreeves
@taylorlindoresreeves 21 күн бұрын
Sure can!
@StephenRayner
@StephenRayner 22 күн бұрын
Thumb down, too slow. Might be right for some junior devs. But for me this is so slow, watching you install packages and remove icons 😮😢.
@taylorlindoresreeves
@taylorlindoresreeves 22 күн бұрын
Yeah man, I felt feedback on my previous videos was I was too fast, not running through each step of the code. But I guess I could try a balance. Try on 2x 👍
@gamingwolf3385
@gamingwolf3385 24 күн бұрын
Thank you for the video . Keep going bro !
@taylorlindoresreeves
@taylorlindoresreeves 23 күн бұрын
Thanks man!
@codewitheric8800
@codewitheric8800 26 күн бұрын
great tutorial💯...is it possible to do a recursive function call with this? for instance it calls the get_crypto_price function and then uses the result to call a different function? thanks for the content
@taylorlindoresreeves
@taylorlindoresreeves 26 күн бұрын
Hmm you might be able to do it by updating the AI state with another system message that asks the LLM to run another function. What’s the use case out of curiosity?
@salieflewis
@salieflewis 27 күн бұрын
My understanding was Next.js does optimization inherently within its Image component, is Imgix more effective at compression?
@taylorlindoresreeves
@taylorlindoresreeves 27 күн бұрын
For sure, NextJS does indeed do some optimisation. But with the loader prop for the image component you get the benefit of handing off your images to an external source such as S3 bucket, which is always beneficial in terms of performance. But with Imgix as an additional caching and compression layer, you get fine grained control of your images, all while having them stored in an external source. Technically you could store 20mb images and not have to worry about how to handle compression and optimisation in the business logic or frontend layer image component (I think NextJS uses Sharp). You simply use the imgix URL and provide it with format and compress query parameters.
@salieflewis
@salieflewis 22 күн бұрын
@@taylorlindoresreeves That makes sense! Do you know if there is a similar workflow that can be used alongside Expo’s Image component?
@taylorlindoresreeves
@taylorlindoresreeves 22 күн бұрын
@@salieflewis hmm I’m not sure honestly, I don’t have experience with Expo. Good luck 🤞
@karamguliyev7803
@karamguliyev7803 27 күн бұрын
Hey, I have noticed your code shows source in every paragraph. But I couldn’t understand how you managed to do that. Would you explain it to me or tell me when did you code that part?
@taylorlindoresreeves
@taylorlindoresreeves 27 күн бұрын
I think it’s VSCode extension called GitLens 👍
@fixesdev
@fixesdev 28 күн бұрын
Excellent video! keep em coming, cheers
@taylorlindoresreeves
@taylorlindoresreeves 28 күн бұрын
Thanks, will do!
@raunakbhanarkar1350
@raunakbhanarkar1350 28 күн бұрын
Beautiful Content🔥🔥 Deserve a lot more subs❤❤
@taylorlindoresreeves
@taylorlindoresreeves 28 күн бұрын
Thank you, appreciate the comment!
@helciofranco6134
@helciofranco6134 Ай бұрын
Is this cache for a specific user-session or shared between every user? I'd like to understand if another user have accessed your site if he would trigger a new request or not
@taylorlindoresreeves
@taylorlindoresreeves Ай бұрын
For a REST API it’s cached globally for all users. However, if using a server action, fetch requests are not cached.
@ShaneCrenshaw
@ShaneCrenshaw Ай бұрын
Do you have an updated version by any chance for Vercel's latest versions?
@taylorlindoresreeves
@taylorlindoresreeves Ай бұрын
Yeah I do, I’m just re-publishing. I forgot to add the intro to the final edit. Will be released in 1-2 hours. I think it’s the best video I’ve done. Hope you like it.
@snbwcs
@snbwcs Ай бұрын
Thank you, this is great content ! ;)
@taylorlindoresreeves
@taylorlindoresreeves Ай бұрын
You are very welcome friend
@megabanzaj
@megabanzaj Ай бұрын
thanks for tuto. No offence, hovewer some code looks overwhelmed. For example this: const currentPage = Math.min(Math.max(Number(page), 1), totalPages); Why can not you just use "page" variable instead, why you doing those calculations (I know that it's edge case handling)? Would be nice if you would explain those parts in your videos as well because it is not obvious at the first look. Now the biggest part of your video you just copy pasting some code that makes me feel that you just reusing someone else solution. It just my thoughts that maybe can improve your content :)
@taylorlindoresreeves
@taylorlindoresreeves Ай бұрын
No worries. I am definitely going to spend more time in future videos explaining things a bit better (I am new to this). With regards to the copy pasting, I will try to do more coding on the fly - it just takes significantly longer so my concern is that people will get bored watching me code easy frontend stuff. Thanks for the feedback.
@destinygames3449
@destinygames3449 Ай бұрын
This server sided thingy is out of hand. What next ,server sided client browser
@nicolaspavon664
@nicolaspavon664 2 ай бұрын
Hi! is there a way to switch assistants?
@taylorlindoresreeves
@taylorlindoresreeves Ай бұрын
You basically create the assistant. The assistants API has been updated significantly since I made this video. I will make another on the latest version (v2) and function calling.
@cidhighwind8590
@cidhighwind8590 2 ай бұрын
You skipped over the entire coding of the pagination component...
@taylorlindoresreeves
@taylorlindoresreeves Ай бұрын
Yeah I actually just re-used a component from v0.dev as it was quicker option. I am getting a lot of feedback to say I should stop re-using and just code the damn things, so I will take this on board and hopefully improve in future vids. Thanks for the feedback.
@jasondamico_webdev
@jasondamico_webdev 2 ай бұрын
Bro. I appreciate your knowledge, but read the room. How do you expect people to follow what you are doing when you are not only making fast cuts, but completely skipping entire code creations steps that are vital to finish the project. You also never acknowledged when you made mistakes and did not show your changes to the code when you did. Constructive criticism: SLOOOOWWWWW DOOWWWWWWNNNNN. Make part 1 and part 2 if you need to. :)
@taylorlindoresreeves
@taylorlindoresreeves Ай бұрын
Good point, thanks for the feedback. I am going to do more on-the-fly coding and fixing - my concern is it bores people watching me debug, which is why I try and do things quickly. But a lot of feedback I am reading just now is similar to this, so I will do more full-length, less edited videos where I go through the whole process and don't re-use any code or components.
@ufuomaonecha9815
@ufuomaonecha9815 2 ай бұрын
cool.. explantion
@JeswinJ-ey8kh
@JeswinJ-ey8kh 2 ай бұрын
lets say you deploy this app in production will you able to crawl all the single detail pages???if yes means is this the way to make it to crawl
@kekoa392
@kekoa392 2 ай бұрын
good news
@romanmed9035
@romanmed9035 3 ай бұрын
why without redux? it help my for pagination
@user-ck6yl6qb2g
@user-ck6yl6qb2g 3 ай бұрын
bad tutorial. I found it hard to follow you, it was unclear and unstructured
@taylorlindoresreeves
@taylorlindoresreeves Ай бұрын
Thanks for the feedback.
@achaabni
@achaabni 3 ай бұрын
All the bullshit to sell Prisma to the developers
@huseyinlora
@huseyinlora 3 ай бұрын
BROOOO ZOOOM ON THIS FKN EDITORR WE CANNOT SEE ANYTHING
@taylorlindoresreeves
@taylorlindoresreeves Ай бұрын
Noted sir, thank you for the feedback.
@rabihdaoud8629
@rabihdaoud8629 3 ай бұрын
Amazing tutorial. Can you do one with function calling??
@taylorlindoresreeves
@taylorlindoresreeves 2 ай бұрын
Absolutely, great idea, I've noted it down - lots of developments in the function calling API recently so it's a good time to do a tutorial. I will create this in the coming weeks. Please subscribe if you haven't already to make sure you're notified.
@taylorlindoresreeves
@taylorlindoresreeves Ай бұрын
Just released this tutorial - check my latest vid 👀Hope you like it!
@benjaoliva3383
@benjaoliva3383 3 ай бұрын
This is a very good video, straight to the point and nice quality code writing 👏
@user-vm6py5gf8m
@user-vm6py5gf8m 4 ай бұрын
Thank You.Can I ask about how it would function for different users accessing server at different time.Does it revalidate at a set interval of say 60 secs or 60 secs elapsed after the user accessed the server Thank you for your explanation💥
@taylorlindoresreeves
@taylorlindoresreeves 2 ай бұрын
I think it revalidates for each specific user. It's not global in that sense.
@davidhendriksen
@davidhendriksen 4 ай бұрын
Excellent! I see you're using Prisma. How do you typically handle the CMS part in your app? For instance, if admins wish to upload images for the e-commerce shop, would you integrate the CMS into your Next.js application, or opt for a separate backend?
@user-vr7gx8po5x
@user-vr7gx8po5x 4 ай бұрын
Please increase font size , You are doing awesome but 😢
@dailywisdomquotes518
@dailywisdomquotes518 4 ай бұрын
the code not running, just i wasted some time
@dailywisdomquotes518
@dailywisdomquotes518 4 ай бұрын
could you add function calling for above code
@lucascp021
@lucascp021 4 ай бұрын
very useful video, keep up the great work
@nightrider1413
@nightrider1413 5 ай бұрын
Really nice video! What font is that? MonoLisa?
@taylorreeves3642
@taylorreeves3642 4 ай бұрын
That is correct!
@YuriiLebid-op1xv
@YuriiLebid-op1xv 5 ай бұрын
Thanks, very professional
@Anonym-rs6uo
@Anonym-rs6uo 5 ай бұрын
Awesome video man, keep it up! Worked perfectly and its so much faster then my implimentation on the client side.
@user-eh8ct1gi4q
@user-eh8ct1gi4q 5 ай бұрын
Help Me pls
@KadirKATIRCI
@KadirKATIRCI 5 ай бұрын
your contents explains a lot of things that we have to know. thank you so much and i would love to see much more videos
@KadirKATIRCI
@KadirKATIRCI 5 ай бұрын
Thank you! Good explanation as i need...