So how would a basic todo list app work with server components (if at all). When the data needs to be updated (by the user adding a todo), how would the data get updated? is there a proper way to do this?
Great job! Your video is awsome! Could you do a video explaining the concepts "await", "async". Could you please build this example by integrating the use of MongoDB? Thank you!
All components inside the app directory are React Server Components. What about the components we import from external directory? Like libs/ui in a yarn workspaces monorepo?
Hi Tuomo, you are doing a great job! Can you please add a few videos about nextjs 13 vs mongodb/mongoose or firebase? It's not clear for me now, if we remove api folder then should it be manually created in the app folder?
I lose 2 days checking documentation and stackoverflow trying to implement a handle in card product button and have the same error because a server component in a client component... your video help me too much thank you!!!!
Can you make a video about, how I can fetch data with searching in Nextjs 13, like privously we use useffect and every onchange we fetch data from API, so How we can do this in optimal way in Nextjs 13 ?
I'm planning on making a todo app video that has some data fetching for the todos! About the search functionality, I need to look into that more to see what would be the best way.
Tuomo, you should consider making a bigger Next.js tutorial on some site like Udemy. I'm sure you could produce cool example projects to help people learn and you could make some extra money like that. Maybe you could at least consider that as a future goal, when your RUclips channel grown a bit (which it totally deserves to do.)
Planning on making video about this too! But in short you can pass parameters for fetch to achieve ISR, read more here: beta.nextjs.org/docs/data-fetching/fetching#revalidating-data
It should work actually better with server components, because the component html is rendered on the server and no client side javascript is needed to render the page!
Super underrated channel! Keep up the good work, loving these Next videos
Thank you, great to hear!
Wow!!!!!! This is guy is good. Am now in love with next js. My next app will be built with next JS. Thanks sir, u just gain yourself a new subscriber.
Thank you man, appreciate it! 🙏
Enjoying these simple explanation, Next 13 vids
Cheers!
Bro this really simple explanation of client and server components.
Cheers!
so much easy to understand, great work 💪💪
Great to hear, thanks!
Excellent Tuomo! love your clear explanations. More nextjs13 please!
Thank you Ang Zarr! Will so, got couple of nextjs13 videos planned already!
super simple and easy to follow. thanks tuomo
Cheers!
So how would a basic todo list app work with server components (if at all). When the data needs to be updated (by the user adding a todo), how would the data get updated? is there a proper way to do this?
That is a good question! This is something I am thinking of tackling in a future video so stay tuned!
This was so good. Thanks for explaining.
Great to hear!
Thank you for the video, really helpful.
Great to hear!
Awesome vid. Thank you so much!
Cheers!
Great job! Your video is awsome! Could you do a video explaining the concepts "await", "async". Could you please build this example by integrating the use of MongoDB? Thank you!
Cheers! Thanks for the feedback and suggestions, I will take them into consideration planning next videos!
Exactly what I was looking for 👌 Thank you 😁
Cheers!
All components inside the app directory are React Server Components.
What about the components we import from external directory? Like libs/ui in a yarn workspaces monorepo?
Hi Tuomo, you are doing a great job! Can you please add a few videos about nextjs 13 vs mongodb/mongoose or firebase? It's not clear for me now, if we remove api folder then should it be manually created in the app folder?
Thank you! And thanks for the feedback, I’ll see what we can do!
Great tutorial.
Glad you liked it!
Thanks a lot brother !
Cheers!
Awesome !!!
Thank you! Cheers!
I lose 2 days checking documentation and stackoverflow trying to implement a handle in card product button and have the same error because a server component in a client component... your video help me too much thank you!!!!
Glad to hear I could help!
very interesting, thks
Cheers!
Can you make a video about, how I can fetch data with searching in Nextjs 13, like privously we use useffect and every onchange we fetch data from API, so How we can do this in optimal way in Nextjs 13 ?
I'm planning on making a todo app video that has some data fetching for the todos! About the search functionality, I need to look into that more to see what would be the best way.
@@TuomoKankaanpaa Thankyou 😀
Tuomo, you should consider making a bigger Next.js tutorial on some site like Udemy. I'm sure you could produce cool example projects to help people learn and you could make some extra money like that. Maybe you could at least consider that as a future goal, when your RUclips channel grown a bit (which it totally deserves to do.)
That is something that would be cool to make! Definately will have that as a goal for the future!
omg. Good content!
Thank you!
Is SSR possible in client components?
Hello, why do I get this when I add 'use client'; at the top of page.tsx
Uncaught SyntaxError: "undefined" is not valid JSON
at JSON.parse ()
Hi very interesting! did you try yet in a client component the "use" hook? don't figure out how to stop looping :/
Yeah I played around with it a little, but I also got some weird looping issues or something like that, might be that there is some beta bugs in it.
Looks like we are not alone, there is an issue also reported about it github.com/vercel/next.js/issues/42469
tnx
Np!
On Next.js 12 the client components will also render on the server for SEO compatibility… It doesn’t happen on 13?
I'd say yeah, they can also be "rendered" in the server and then use hydration to get the interactivity
good job! Could you improve the video quality? Thank you!
Thanks for the feedback! Is the resolution bad or how would you improve it?
How can you recreate isr rendering within nextjs 13?
Planning on making video about this too! But in short you can pass parameters for fetch to achieve ISR, read more here: beta.nextjs.org/docs/data-fetching/fetching#revalidating-data
How SEO will work ?
It should work actually better with server components, because the component html is rendered on the server and no client side javascript is needed to render the page!
I'm in the process of migrating my nextjs to use the appDir(v13.4) and the experience has been terrible so far:(
Sorry to hear that!
You literally just read from the documentation and provided 0 explanation...
Sorry to hear that you feel that way, hopefully you at least liked the coding example!