Create a To-Do App with Next.js 13: Learn CRUD Operations and Tailwind CSS UI

Поділитися
Вставка
  • Опубліковано 12 вер 2024

КОМЕНТАРІ • 62

  • @CandDev
    @CandDev  Рік тому +7

    You can clone the final code in this URL: github.com/candraKriswinarto/simple-todoapp-with-next13.

  • @morena-jackson
    @morena-jackson 2 дні тому

    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!

  • @LM43243
    @LM43243 Рік тому +2

    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!

  • @DheaFadlia
    @DheaFadlia 4 місяці тому

    just what i'm looking for. also your code is clean and easy to read. i'm hooked, subscribed. cant thank you enough

  • @marczlong9382
    @marczlong9382 Рік тому

    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!

    • @CandDev
      @CandDev  Рік тому +1

      So happy to hear that, thanks 🤍

  • @duccloud4101989
    @duccloud4101989 2 місяці тому

    Love your tutorial, you guide very clear. You saved my day :)

  • @khallingstad
    @khallingstad 26 днів тому

    fantastic tutorial :D Thank you! Keep up the great work!

  • @sumonhossain889
    @sumonhossain889 Рік тому +12

    where code ?

  • @franciscosalazar8116
    @franciscosalazar8116 10 місяців тому

    Thanks a lot! I was struggling until I see this video

  • @yerriswamygm5328
    @yerriswamygm5328 7 місяців тому

    Easy way Explained, Excellent, Thank you so much Sir.

  • @dalestewart
    @dalestewart Рік тому

    Excellent tutorial especially using the useState hook and useRouter hook.

  • @kasrashoonam
    @kasrashoonam 11 місяців тому

    smooth and clean , i've been subscribed ! ty

  • @P4nGuu
    @P4nGuu Рік тому

    This is an amazing tutorial. Greetings from Chile.

  • @a3row_nkc
    @a3row_nkc Рік тому

    This is a really helpful one in terms of a beginner, thanks and keep up the good work!

  • @sumonhossain889
    @sumonhossain889 Рік тому

    Very helpful , want to more video this type of package. thank you

  • @ImamNurArifinHA
    @ImamNurArifinHA Рік тому +1

    thank you, you explain very well, I'm easy to understand,, nice video 👍

  • @keshavtomar3541
    @keshavtomar3541 Рік тому +3

    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

  • @neoTriny
    @neoTriny 4 місяці тому

    cooool, nice tutorial. Thanks

  • @klymchopyk
    @klymchopyk Рік тому +1

    thanks for lesson

  • @toanquoc506
    @toanquoc506 Рік тому

    Thank you very much. Very helpful and detailed sharing

  • @nguyenminhhung9701
    @nguyenminhhung9701 Рік тому

    thanks god you are here

  • @yuthcambo3712
    @yuthcambo3712 9 місяців тому

    Thanks a lot. it very helpful for me.

  • @amr6657
    @amr6657 8 місяців тому

    awesome, thank you very much

  • @ogbillity
    @ogbillity Рік тому +5

    great project. can you share the source code?

  • @Trust3D
    @Trust3D 3 місяці тому

    Epic tutorial, I don't need to buy a course🎉

    • @CandDev
      @CandDev  2 місяці тому

      Yeah, it's free... but you gotta subscribe. Think of it as a 'thank you' tax 😁

  • @madaraop5348
    @madaraop5348 10 місяців тому

    Thank You Brother.❣❣

  •  Рік тому

    Best tutorial ^^

  • @amarvlolagena7157
    @amarvlolagena7157 4 місяці тому

    Can I host this code in vercel? Then what will be the fetching api?

  • @FaisalIqbal-ct2bs
    @FaisalIqbal-ct2bs Рік тому +1

    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

  • @Shrimant-ub4ul
    @Shrimant-ub4ul Рік тому

    Thank you sir !

  • @kalana-dev
    @kalana-dev Рік тому

    Good one!

  • @user-vw9nx1uf6v
    @user-vw9nx1uf6v Рік тому

    Nice Video bro

  • @0xPrakharG
    @0xPrakharG Рік тому +1

    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?

    • @StarKing18021995
      @StarKing18021995 Рік тому

      same question

    • @0xPrakharG
      @0xPrakharG Рік тому +1

      @@StarKing18021995 Hey, I figured it out that how to do it.
      I took reference from here:- ua-cam.com/video/wN0n2gj0z9o/v-deo.html

    • @StarKing18021995
      @StarKing18021995 Рік тому

      I have found a way to fix it, you can refer to it ua-cam.com/video/5N38jARjBIM/v-deo.html

    • @StarKing18021995
      @StarKing18021995 Рік тому

      @@0xPrakharG OMG >O

  • @nonenone2743
    @nonenone2743 Рік тому

    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?

    • @CandDev
      @CandDev  Рік тому +1

      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.

    • @nonenone2743
      @nonenone2743 Рік тому

      @@CandDev thanks for your reply :)

  • @panduladananjayamandawala8215
    @panduladananjayamandawala8215 Рік тому +3

    Can you upload the code

  • @Yona_elf
    @Yona_elf 10 місяців тому

    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.

  • @muhammadosama8308
    @muhammadosama8308 Рік тому +1

    Why not use prisma

  • @aatishnimbokar2340
    @aatishnimbokar2340 Рік тому

    unable to display data on UI when I type something & click on submit button

  • @SuzukaTheBest
    @SuzukaTheBest Рік тому +1

    But if i want to deploy this on web? what should we use instead of json-server?

    • @RohitSingh-qf6pk
      @RohitSingh-qf6pk Рік тому

      did you got anything about the same?

    • @SuzukaTheBest
      @SuzukaTheBest Рік тому

      @@RohitSingh-qf6pk yes, I've parsed json-file into array and uploaded that array into firestore database....

    • @RohitSingh-qf6pk
      @RohitSingh-qf6pk Рік тому

      @@SuzukaTheBest okay thanks

    • @kevinrichard9047
      @kevinrichard9047 9 місяців тому

      You can create your own node js express server, with your own data. Connection to mysql db.. or mongo or everything you need

  • @Website-Content-Creator
    @Website-Content-Creator 6 місяців тому

    can you make with fastapi using python nextjs14

  • @sanyamjain4777
    @sanyamjain4777 Рік тому

    Please make Typescript with react video 🙏🙏

  • @ruslan6580
    @ruslan6580 Рік тому

    Thanks a lot. Any idea how to use "useId" hook instead?

    • @CandDev
      @CandDev  Рік тому

      Yes, you can use the 'useId' hook to generate unique IDs. It's a new feature in React 18.

  • @mehdihoolakian9987
    @mehdihoolakian9987 Рік тому +2

    Please upload the code

  • @eversonjunior8494
    @eversonjunior8494 Рік тому

    Is api.ts like api/route.js?

    • @CandDev
      @CandDev  Рік тому

      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 👨‍💻

  • @gregthomas5887
    @gregthomas5887 Рік тому

    Link to the code please?

  • @luqmanusman70
    @luqmanusman70 Рік тому

    Hi, kindly give us the source code link, thanks.