This tutorial is absolutely fantastic! I'm brand new to all of this, and it was exactly what I needed. One of the instructors from a course I’m about to take recommended this video. To prepare for the course, he suggested watching it once through, then building the app step-by-step the second time. It’s been a huge help in getting me ready!
Love it! Simple and good tutorial for me to get back into coding. Would love a follow up video with more advanced design and client - server hosting on e.g. firebase, would be super beneficial and more useful for real projects. Subscribed!
while iterating over tasks prop in TodoList I keep getting this error - map does not exist on type TodoListProps not sure why this is happening to me I did exactly the same
Thanks! One question: you are on same route. But what about if this whole todo in a nested Server component and I wanted to show total number of TODOs in grand parent(Server component) on the fly just after creating a new todo?
router.refresh() is not working on my side, even it is not showing any warning or errors, completely followed your code as per importing and cache: no-store
Will there be a problem if i installed -g json server instead of -d json server? Because I'm having a 500 response for the status code of addTodo. Please enlighten me. Thank you.
This was an amazing tutorial. I had a question, how can I host this app with vercel or netlify? As the todos.json file was just running on the server with the json-server. How can I host it to web?
Yes, I just learned TypeScript and I am trying to implement it in this video. The reason I like to use TypeScript is that it is a superset of JavaScript and has additional features.
No, it's different. In route.ts, you can create API route to handle API requests, and the file should be named route.ts to make it work. On the other hand, api.ts is just a file that helps you send requests to the API route. happy coding 👨💻
You can clone the final code in this URL: github.com/candraKriswinarto/simple-todoapp-with-next13.
This tutorial is absolutely fantastic! I'm brand new to all of this, and it was exactly what I needed. One of the instructors from a course I’m about to take recommended this video. To prepare for the course, he suggested watching it once through, then building the app step-by-step the second time. It’s been a huge help in getting me ready!
I learned about a new package - “json server”. Thanks and love from India 🇮🇳.
Love your tutorial, you guide very clear. You saved my day :)
just what i'm looking for. also your code is clean and easy to read. i'm hooked, subscribed. cant thank you enough
I would like to thank you for making the tutorial so easy to follow, even for someone with my poor English. It helped me a lot!
So happy to hear that, thanks 🤍
Thanks a lot! I was struggling until I see this video
Love it! Simple and good tutorial for me to get back into coding. Would love a follow up video with more advanced design and client - server hosting on e.g. firebase, would be super beneficial and more useful for real projects. Subscribed!
fantastic tutorial :D Thank you! Keep up the great work!
Really helpful for me as a beginner to NextJS, Thanks!
Easy way Explained, Excellent, Thank you so much Sir.
smooth and clean , i've been subscribed ! ty
Excellent tutorial especially using the useState hook and useRouter hook.
where code ?
This is a really helpful one in terms of a beginner, thanks and keep up the good work!
while iterating over tasks prop in TodoList I keep getting this error - map does not exist on type TodoListProps not sure why this is happening to me I did exactly the same
This is an amazing tutorial. Greetings from Chile.
Very helpful , want to more video this type of package. thank you
thank you, you explain very well, I'm easy to understand,, nice video 👍
Thank you very much. Very helpful and detailed sharing
Thanks!
One question: you are on same route.
But what about if this whole todo in a nested Server component and I wanted to show total number of TODOs in grand parent(Server component) on the fly just after creating a new todo?
cooool, nice tutorial. Thanks
router.refresh() is not working on my side, even it is not showing any warning or errors, completely followed your code as per importing and cache: no-store
thanks god you are here
Thanks a lot. it very helpful for me.
Epic tutorial, I don't need to buy a course🎉
Yeah, it's free... but you gotta subscribe. Think of it as a 'thank you' tax 😁
awesome, thank you very much
thanks for lesson
Can I host this code in vercel? Then what will be the fetching api?
great project. can you share the source code?
Thank You Brother.❣❣
unable to display data on UI when I type something & click on submit button
Will there be a problem if i installed -g json server instead of -d json server? Because I'm having a 500 response for the status code of addTodo. Please enlighten me. Thank you.
This was an amazing tutorial. I had a question, how can I host this app with vercel or netlify? As the todos.json file was just running on the server with the json-server. How can I host it to web?
same question
@@StarKing18021995 Hey, I figured it out that how to do it.
I took reference from here:- th-cam.com/video/wN0n2gj0z9o/w-d-xo.html
I have found a way to fix it, you can refer to it th-cam.com/video/5N38jARjBIM/w-d-xo.html
@@0xPrakharG OMG >O
Nice Video bro
Can you upload the code
Please make Typescript with react video 🙏🙏
Following your guide now. Just in this moment. And I have a question: why TS? You didn't use TS in another project. What's the reason?
Yes, I just learned TypeScript and I am trying to implement it in this video. The reason I like to use TypeScript is that it is a superset of JavaScript and has additional features.
@@CandDev thanks for your reply :)
But if i want to deploy this on web? what should we use instead of json-server?
did you got anything about the same?
@@RohitSingh-qf6pk yes, I've parsed json-file into array and uploaded that array into firestore database....
@@SuzukaTheBest okay thanks
You can create your own node js express server, with your own data. Connection to mysql db.. or mongo or everything you need
can you make with fastapi using python nextjs14
Thanks a lot. Any idea how to use "useId" hook instead?
Yes, you can use the 'useId' hook to generate unique IDs. It's a new feature in React 18.
Best tutorial ^^
Good one!
Thank you sir !
Why not use prisma
Please upload the code
Is api.ts like api/route.js?
No, it's different. In route.ts, you can create API route to handle API requests, and the file should be named route.ts to make it work. On the other hand, api.ts is just a file that helps you send requests to the API route. happy coding 👨💻
Hi, kindly give us the source code link, thanks.
Link to the code please?