thankyooooooooooouuuuuuuuuuuuuuuuuuu soo muchhhhhhhhhhhhhh i was having an problem like i couldnt get my data to display everytime i deleted or added it, but while watching this video, i got to know about revalidatePath and it solved it like thankssss a lottttttttttttt~
@user-us3bs8px3mКүн бұрын
Max said end of React. You say end of Remix. Whom should I listen to?
@ben539333 сағат бұрын
None. Nothing is ending
@patrickmotaung58662 күн бұрын
I'm so grateful I found this video
@DimaSofiyuk4 күн бұрын
Awesome demo and explanation of the generative UI in AI applications! It's fascinating to see how interfaces can dynamically interact with users based on their inquiries. I use Plerdy's free version to optimize user experience by analyzing how visitors interact with my site, which helps me make similar user-centric decisions without sophisticated AI tools. It’s amazing to see how technology continues to evolve in this space! 🌐
@dan.stacy15 күн бұрын
Amazing video. This was so helpful! Thank you so much.
@eliuddyn5 күн бұрын
Amazing 🔥🔥
@matt-d-webb5 күн бұрын
Great tutorial! Note: The use of the word "essentially" (84 times) was perhaps a little overused 🙂
@MrRPss6 күн бұрын
Dude I believe there’s some issue with the sound tho
@daviddrughi33376 күн бұрын
this is absolutely AMAZING ! thank you so much! just amazing !
@Gabeyre10 күн бұрын
Vercel AI
@mainamburu803613 күн бұрын
great stuff ..would love that tutorial
@kshitijsingh283213 күн бұрын
Great work! Would really love a tutorial with the SDK.
@lasal782014 күн бұрын
thanks a lot! I've subscribed!
@digitalsahara667014 күн бұрын
Hi there, great tutrial so far, love the explanations I had a questions around the 21:50 where you are signing up, I a getting a { status: 429, code: 'over_email_send_rate_limit'} error from supabase, I didnt change the code, just downloaded the repo and was following along, are you aware of why this could be?
@JollyCoding13 күн бұрын
This is related to the confirm email step I mentioned at around 5:00 , Supabase limits email confirmations that it can send, as you are supposed to link your own email provider. If you are just testing, toggle off "Confirm Email".
@digitalsahara667013 күн бұрын
@@JollyCoding ohh, I see got you now! thank you so much for such a great tutorial and quick response.
@Thassalocracy17 күн бұрын
The blog says quite clearly that remix is not going to disappear, just rebranded as react router v7. And it also hints at server components coming soon. It would be really weird if remix were to just disappear all of a sudden given that Shopify created, maintains and uses it.
@flnnx18 күн бұрын
I've taken a similar approach. The only thing that I am not a big fan of is calling getUser() for the post requests requests. It slows down the app a little bit, but it's way more secure tho. I wonder if there's some work-around for that.
@y.m.o617119 күн бұрын
Great work. Can you please add the appropriate license file to the git repo in case you want this code to be shareable with others like me.
@robertwachira817219 күн бұрын
Didn't see that coming, remix taking a "little nap", I think for any serious projects you should stick with nextjs, seriously.
@AnnalogueCodes19 күн бұрын
Wow this is a rip-off of this exact same video (even the shirts are the same): kzbin.info/www/bejne/q5zTmKt7mtKLqc0si=oyd_mdqTwIi03UY9
@fastneasy19 күн бұрын
that's another reason to love Svelte : their fullstack offering Sveltekit is built by themselves
@NikosAnimals8 күн бұрын
this is a non point
@codernerd707620 күн бұрын
I now using the router from the react-query devs in my Vite apps. The react-router broke my projects too many times
@JollyCoding20 күн бұрын
Tanstack Router is awesome, certainly good to see some innovation in this space, especially from the smart guys over at tanstack. Cant wait to see where their framework goes in the future tanstack.com/start/latest
@knowledgedose195619 күн бұрын
in what ways, for example
@StingSting84419 күн бұрын
If React router adds typesafe routing like Tanstack router this is going to be solved. Its just going to be a patch fix for sure. The API is just solid
@lamhung489917 күн бұрын
Break in what way?
@JollyCoding20 күн бұрын
EDIT: Since filming this they have updated the blog post, to try clear up some confusion about where the Remix brand is going: remix.run/blog/merging-remix-and-react-router Have you used React Router or Remix? What do you think of this move? More confusion in the short-term? Less in the long-term? Let me know!
@yarapolana20 күн бұрын
revalidatePath thing made me rethink using NextJS again, I really like Remix.
@JollyCoding20 күн бұрын
A lot of people share similar thoughts on some of the NextJs stuff. I think Remix has stuck a lot closer to pure React that people find it an easier concept to grasp. Maybe I should do a tutorial on Remix one day!
@yarapolana18 күн бұрын
@@JollyCoding Please do, the community needs it.
@blink1110120 күн бұрын
bro, this is a quality tutorial. thanks!
@JollyCoding20 күн бұрын
Glad it was helpful!
@rawarg20 күн бұрын
Overall Great Awesome Work You Did There!!! I am not 100% sure about the things I will write in this comment. But I guess it is better to check out and learn. Only thing that conserns me is that on 1:31:45 you've added notFound() from next/navigation. Actually because you are using generateStaticParams that notFound fn would only work in local environment but not at production level. Let me explain why? generateStaticParams runs before the corresponding Pages or Layouts are generated on next.js build time. What is happening behind the curtain: Using generateStaticParams on a path that is SSR, the build works because it could access the data but then the pages never got created on the build time. This means, your pages are built anticipating static rendering but at runtime. So when anyone tries to go to the path, there's no static page to render and also usage of dynamic functions are not allowed in Next.js (in this case it is the searchParams) - so you will get the 500 error on production. I may be 100% wrong about this because of this new server and client directives actually a huge mess to grasp. We're using a mix of static and SSR which is why I may got mixed up. Here are some references that made me question your approach. Static & Dynamic Rendering: nextjs.org/docs/app/building-your-application/rendering/server-components#static-rendering-default Dynamic Functions: nextjs.org/docs/app/building-your-application/rendering/server-components#dynamic-functions
@digitalsahara667021 күн бұрын
Hi there, fantastic video, really love the way you explain things are you able to do a breakdown on how you created the JollyUI? would love to learn more about the architecture and creating reusable components for design systems
@MrDiaz-hw3uy22 күн бұрын
any framework!... for react :(
@JollyCoding22 күн бұрын
It works with react, svelte, vue, angular and more! github.com/atlassian/pragmatic-drag-and-drop The readme lists them. Just my examples were react as that’s what I am comfortable with!
@MrDiaz-hw3uy22 күн бұрын
@@JollyCoding Oh! sorry. Ist's just that I made a short check in the docs and a google research and I didn't found any mention to angular
@emmanuelgenga742122 күн бұрын
Part of me is smiling watching this, it's also something interesting to build in the learning process
@korendani22 күн бұрын
Nice! The problem with all F1 related apps is the violation of their IP... It is literally impossible for you to do anything.... Even the telemetry data is registered... it can't be used without their permission. BTW, Lewis is Ok... ;)
@JollyCoding22 күн бұрын
Yeah it’s a fun learning project, I wouldn’t want to release it in any big state because I imagine F1 are quite protective! Don’t need that headache! Might be a bit of a Lewis fan… do just love a good race too though!
@JollyCoding22 күн бұрын
This was my first time trying something new here, I appreciate it wont be perfect, but that is quite fitting with the conclusion of the video! Let me know what you think, and did you pick up on who I may support in F1?... Subtle.
@ebm_gamer22 күн бұрын
You did great! Love your presentation style and the content in this one 👏👏👏
@yukiritosurada839224 күн бұрын
How to break apart sprite sheets?
@suzma_a25 күн бұрын
queeestion? can you also check in middleware for different subscription tiers? eg. there are three groups of posts (posts and info to which group they belong is fetched from cms) thanks!
@staystealth26 күн бұрын
fantastic video! was looking for an example of rendering markdown with nextjs. glad i stumbled across this
@JollyCoding20 күн бұрын
Awesome to hear, thank you!
@roylaw286628 күн бұрын
good stuff!
@boyo_2328 күн бұрын
i think this works as well i am not sure though ^react(/(.*)$|$)
@bunggoonesixeight892029 күн бұрын
VS Code What font do you use?
@JollyCoding28 күн бұрын
JetBrains mono!
@oopss794Ай бұрын
"Any tech stack" , what about react native?
@BruceWayne-lm6xtАй бұрын
Honestly I found It difficult to Undestand the tutorial I will continue after learning further Thanks
@JollyCoding20 күн бұрын
Anything you think I could improve, or was it more you just weren't at the level I was teaching yet? Im always looking to improve!
@BruceWayne-lm6xt19 күн бұрын
@@JollyCoding Your content is Superb ,Actually I just jumped on NEXT js after doing some projects on MERN.
@timothymeade-on-twitterАй бұрын
Excellent breakdown and code. Not many out there yet for this fantastic new package.
@lakeesivaraya753Ай бұрын
I rarely comment on youtube videos, but you are going to blow up. The production quality is amazing, and you are very good at explaining content!
@JollyCodingАй бұрын
Thanks for the kind words!
@alfarizidwiprasetyo9280Ай бұрын
thanks for creating this great video, but may i ask in ImageResponse i cant use reactElement it says cannot find name div or any other html tag, is it deprecated ?
@alfarizidwiprasetyo9280Ай бұрын
My bad bruv i name it ts instead of tsx 😅
@AAlfuhaideАй бұрын
the sound is wau too low. i thought my headset were broken
@IkraamDevАй бұрын
Thanks for this video.
@gfsalievАй бұрын
You're doing a great job! This is a great video, thanks for creating it.
@prashlovessamosaАй бұрын
Hey james please make more longform stuff.
@JollyCodingАй бұрын
I have a lot of ideas on the todo list, they just take a lot more time!
@prashlovessamosaАй бұрын
@@JollyCoding you can create in parts I followed your blog tuts learnt a lot do make something whenever you have some time.
@anassabidar101Ай бұрын
This is the best straight to the point supabase nextjs tutorial, I only have one question is how can we customize the sign up page to get more information about the user! also manage user permissions and roles like pro and free members of a certain app. Thank you for your efforts!
@KamalSingh-zo1olАй бұрын
Subscribed :D
@ilonachanАй бұрын
For the constant index accesses, it seems very helpful, but will that really be okay? Sure the regular indexing won't cause any side effects, but proxies exist! It'd be severe abuse of notation, but theoretically `proxy[key]` needn't return the same value, or even the same type of value both times, right? Will TypeScript be able to understand this, or will we be able to tell it that explicitly somehow? Or is this just broken with no fix?
@ndricimidriziАй бұрын
Thank you for this great video!
@bibeshdhital1067Ай бұрын
Like i have: restaurants/xyz. Where xyz is the restaurant and i need to fetch the details of the specific restaurant. What to do in this case ?